Can't make cells editable in DataGrid

[gib65]

Hello,

I can't seem to set the cells in my datagrid to editable. I'm using this as an example:

https://www.jeasyui.com/tutorial/datagrid/datagrid12.php

They say I should be able to do this:

editor: 'text'

Here's how I'm defining my grid:

        $('#ROIDataGrid').datagrid({
            columns: [[

      { field: 'fields', width: 100 },
                { field: 'HAndS', title: 'H&S', width: 100, editor: 'text' }, // <-- making this column editable.
                { field: 'ENV', title: 'ENV', width: 100 },
                { field: 'ECN', title: 'ECN', width: 100 }
            ]],

       data: [

      { fields: '\'You\' project', HAndS: '123.0', ENV: '', ECN: '' },
                { fields: '\'Other\' project', HAndS: '', ENV: '', ECN: '' },
                { fields: 'Colors', HAndS: '<input type="color" value="#FF0000" style="width: 100%;">', ENV: '', ECN: '' }
            ]
        });

Here's what it looks like:



Yet, I can't edit the cell with 123.0 in it. Please advise.