How can I put a check box on wijmo flex grid header?

Posted by: arnoldbendaa on 31 January 2018, 1:45 pm EST

    • Post Options:
    • Link

    Posted 31 January 2018, 1:45 pm EST

    I am a beginner of wijmo flex grid.

    I would like to put check box on table header.

    So I make code as following.

     
    var flex = $scope.ctx.flex;
                    flex.columns.push(new wijmo.grid.Column({ header: '<input type="checkbox"/>',name:'checkbox',align:'center'}));
    
    
    

    But I cannot see the check box.

    the code is viewing on flex grid table.

    How can I fix this bug?

  • Posted 31 January 2018, 5:31 pm EST

    Please refer to the attached fiddle

    http://jsfiddle.net/Wijmo5/f07xegc1/

    Checkbox is added to Column Header by adding the HTML element when the grid is being formatted. You can do this by setting the itemFormatter .

  • Posted 31 January 2018, 8:49 pm EST

    Thank you very much.

  • Posted 30 March 2020, 1:42 am EST

    Hi.

    I used exact same code but it did not work.

  • Posted 30 March 2020, 7:23 pm EST

    Hi Akshay,

    Can you please let us know the exact issue? Also, please make sure that there are no errors in the browser’s console.

    If you can provide a sample replicating the issue, it would be really helpful in providing you with a solution.

    Regards,

    Ashwin

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels