Checkbox rowheader in Wijmogrid to select/unselect rows

Posted by: vilaspatil321 on 3 February 2019, 5:44 pm EST

  • Posted 3 February 2019, 5:44 pm EST

    I have created a checkbox rowheader column and I want it to select/unselect individual rows.

    <wj-flex-grid .......>
    <ng-template wjFlexGridCellTemplate [cellType]="'TopLeft'">
    <input type="checkbox"/>
    <ng-template wjFlexGridCellTemplate [cellType]="'RowHeader'" let-cell="cell">
    <input type="checkbox"/>

    I can see checkbox rowheader column and I can select/unselect it. However as I scroll the grid up and down the selection changes randomly. For example, if I have checked checkbox in 5th row, as I scroll down I find checkbox number 27 and 62 in checked state. Also, as I scroll up again, instead of checkbox number 5, checkbox 2 is checked. This is a very weird behavior. Please help me sort it out.
    I am using angular 5.
  • Replied 4 February 2019, 4:27 pm EST


    Please refer to this sample where this works. Please let me know if this works for you.
  • Replied 5 February 2019, 1:23 am EST

    Thanks for your reply. The answer involves a lot of JS code. As I am using Angular 5, I want to do it in angular way with property bindings, components, etc. Is there any angular way of achieving this?

  • Marked as Answer

    Replied 5 February 2019, 6:33 pm EST

    Hello Vilas,
    Please refer to the following demo sample created using Angular.

Need extra support?

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

Learn More

Forum Channels