+ Start a Discussion
Developer BaseDeveloper Base 

Datatable with open inline edit (without the need to click the "edit" button in a column)

I need to achieve this:

User-added image

So far I achieved this:

User-added image

In my datatable, I am using this to set the columns of the component:
 
component.set('v.columns', [
            //  {label: 'Id', fieldName: 'Id', type: 'text' , editable: true, hidden: true},
            {label: 'First Name', fieldName: 'FirstName', type: 'text', editable: true},
            {label: 'Last Name', fieldName: 'LastName', type: 'text', editable: true},
            {label: 'Email', fieldName: 'Email', type: 'email', editable: true},
            {label: 'Phone', fieldName: 'Phone', type: 'phone', editable: true},
        ]);

But it does not do the trick. Is there a workaround, for example using a standard html datatable?