How can we make inline edit form features for relational record in the lightning datatable?

Below is the current code, and I would like to you to correct this code to achive inline edit for relational reocrd.


<lightning:datatable columns="{!v.columns}"


 var columns = [
            {label:'product code', fieldName:'prod_code', type:'STRING', editable:true},
            {label:'product name', fieldName:'prod_name', type:'STRING'}, editable:true},
            {label:'employee name', fieldName:'emp_name', type:'url', editable:true, typeAttributes:{label:{fieldName: "emp_name"}}}
//please assume that employee name is the relational record with a parent object.
//and other two records are the normal records.
component.set("v.columns", columns);

 var data = [
            {prod_code:"001K89", prod_name:"product A", emp_name:{Name:"employee A"}}
component.set("v.data", data);

By this code something like this picture is shown and cannot edit relational record.

enter image description here

I would like to make inline edit like attached.

enter image description here

Thnak you in advance.

1 Answer 1


If you post your code, I can help you debug.

Otherwise,Salesforce provides documentation for inline editing of data tables here: https://developer.salesforce.com/docs/component-library/bundle/lightning:datatable/example#lightningcomponentdemo:exampleDatatableInlineEdit

  • Thank you for your answer. Now I upload my code. I would like you to correct my code to do inline edit for relational reocrd. Thank you.
    – Shin
    Commented Jul 12, 2019 at 4:40

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .