Add New Blank Row on to handson Grid

Tags: #<Tag:0x00007f8b1cf06988>

Hi Team,

Need your help on the below scenarios

  1. How to add new blank row to handson grid on button click?
  2. How to add checkbox column to handson grid and make it functional as Select/SelectAll?

Please share the links or examples which would help us.

Thanks,
Chandrakanth

Hi @chandup83

  1. How to add new blank row to handson grid on button click?

You can call the alter() method. It is a core method, so if you have named your instance to hot the call would be

hot.alter('insert_row')

In this case you are adding a new blank row as the last one in the grid.

  1. How to add checkbox column to handson grid and make it functional as Select/SelectAll?

To create checkbox column you need to define it in cells method or in the columns. The columns settings can be seen in this demo https://jsfiddle.net/u0xcr65h/
The ‘check all’ feature would need to be created separately. Here are some examples http://jsfiddle.net/50toc3s6/ (button check all), http://jsfiddle.net/5ka3p4dj/ (check all if the first checkbox is true)

Hey @chandup83

have you had time to check it out?

I’m closing this topic as there are no additional comments but if you have any questions feel free to open a new topic.