Have in Grid.js a option of "inline edit" cell values?

Question

Have in Grid.js an option of "inline edit" cell values or possibility/plugin to implements them?

Like this:

• http://tabulator.info/examples/4.9#editable
• https://editor.datatables.net/

Answer 1

You can add the "contenteditable" : "true" attribute (part of HTML 5) to your column definition:

new gridjs.Grid({
columns: [
    { id: 'name',
        name: 'Name',
        sort: false,
        attributes:{ 
            "contenteditable" : "true"
        }
    },
    { id: 'email',
        name: 'Email',
        sort: false 
    },
    ...

You can then add a listener (with vanilla JavaScript or whatever framework you're using) for the "input" event - which will fire when the data changes.