Check box in dhtmlx grid

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 ?

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('" + + "')\" >";

You may place the boolean value in a cell and it will be renderd as a checkbox.
Like it was made here: