Forums Ignite UI for jQuery
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Michael
410
Add Html text to igGrid output
posted

I would like to know if I can add additional html elements to the output of the igGrid? I want to add an action link to the top of the grid, not inside the grid but outside the grid.


Thanks

  • 24671
    Suggested Answer
    posted

    hi,

    all ui components have specific CSS classes assigned to them, so you can use jQuery selectors in order to locate those elements, and append any content you'd like.

    For example if i have paging, and I would like to add a link to the top of the pager, i can do this:

    $(".ui-iggrid-toolbar").append("some html");

    you can additionally target those with an extra selector for the grid ID, suffixed by _container, in order to avoid doing this for multiple grid which may be on the page:

    $("#grid1_container .ui-iggrid-toolbar").append("some html");

    Hope it helps,

    Angel