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.


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
    Jul 12 '19 at 4:40

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.