We have updated Flexmonster Software License Agreement, effective as of September 30, 2024. Learn more about what’s changed.

We are in the migration our table and would like add a checkbox in the table header on the selection of checkbox in the header it will select all the row in the table.

Answered
Hemanth Kumar asked on March 8, 2022

Hi team,
We are in the process to integrate flexmonster in our angular application. I have a usecase where I would like to add a checkbox in the header of a column which will select all the checkbox in the all the row in the table.How can I achieve this?

1 answer

Public
Vera Didenko Vera Didenko Flexmonster March 8, 2022

Hello, Kumar,
 
Thank you for writing to us.
 
You can add a checkbox in Flexmonster by customizing the grid with Flexmonster's customizeCell method.

Here is a JSFiddle example of how you can create a checkbox column in Flexmonster: https://jsfiddle.net/flexmonster/8ezmjyt2/.
You are welcome to check out the following Support Ticket for more implementation details: https://www.flexmonster.com/question/load-all-data-at-once/#answer-41229.

Also, here is another Support Ticket that discusses ways how to implement a column containing only a checkbox: https://www.flexmonster.com/question/how-to-add-checkbox-as-a-column/.

You are welcome to check out more examples on how you can customize Flexmonster in the following guide: https://www.flexmonster.com/doc/available-tutorials-customizing/.
 
Please let us know if this helps.
 
Kind regards,
Vera

Please login or Register to Submit Answer