Render and Preview the Contact List | Quick Start: Aura Components
#salesforce #trailhead #salestraining #salesforcetrailhead Quick Start: Aura Components Add the following code on a new line after the comment A lightning:datatable is another Base Lightning Component that will display the list of contacts. Select File | Save. Click the MyContactListController.js tab. Update the myAction function with the following code on a new line above the var actionline: component.set("v.Columns", [ {label:"First Name", fieldName:"FirstName", type:"text"}, {label:"Last Name", fieldName:"LastName", type:"text"}, {label:"Phone", fieldName:"Phone", type:"phone"} ]); The datatable component uses the values stored in the Columns attribute to determine the number of columns to display. Select File | Save. Refresh the Account page in your org. 00:00 Introduction 00:22 Coadding 02:37 Verify
#salesforce #trailhead #salestraining #salesforcetrailhead Quick Start: Aura Components Add the following code on a new line after the comment A lightning:datatable is another Base Lightning Component that will display the list of contacts. Select File | Save. Click the MyContactListController.js tab. Update the myAction function with the following code on a new line above the var actionline: component.set("v.Columns", [ {label:"First Name", fieldName:"FirstName", type:"text"}, {label:"Last Name", fieldName:"LastName", type:"text"}, {label:"Phone", fieldName:"Phone", type:"phone"} ]); The datatable component uses the values stored in the Columns attribute to determine the number of columns to display. Select File | Save. Refresh the Account page in your org. 00:00 Introduction 00:22 Coadding 02:37 Verify