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
70
Inject custom header template
posted

How to inject custom header template for IGgrid which can have custom icons and dialog for filtering,sorting and hiding.

  • 23953
    Offline posted

    Hello Dhirendra,

    You can use igGrid.headerRendered event and add your custom row in the THEAD section of the grid.

    Here is an example code:

    headerRendered: function (evt, ui) {

    ui.table.find("thead").prepend("<tr><th colspan='4' class='ui-iggrid-header ui-widget-header'>put your content here</th></tr>");

    }

    You can find the complete sample attached to this post.

    Best regards,
    Martin Pavlov
    Infragistics, Inc.

    igGrid_customHeader.zip