Check box in dhtmlx grid

Suite and Optimus Suite 6
#1

I’m using dhtmlx grid in react js , i need to add a checkbox as the first column of the grid(applicable to every row) . How can i achieve this ?

#2

You can get a checkbox using a template in the column definition:

        { width: 100, id: "EDIT", header: [{ text: "Edit" }],
            htmlEnable: true,
            template: function (text, row, col) {
                return "<input type=\"button\" class=\"dhx_button dhx_button--color_primary dhx_button--size_medium dhx_button--view_link\"  value=\"Edit\" onclick=\"DoEdit('" + row.id + "')\" >";
            }             
        },
#3

You may place the boolean value in a cell and it will be renderd as a checkbox.
Like it was made here:
https://snippet.dhtmlx.com/me4y9291