function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ 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?