Mastering Lightning Datatable in Salesforce LWC

Course Curriculum

Chapter 1: Create a basic lightning datatable in LWC

Lecture 1: Create a lightning datatable in LWC with static employee data

Lecture 2: General Guidelines

Chapter 2: Query contacts from salesforce and display them in datatable

Lecture 1: Write apex controller

Lecture 2: Update JavaScript controller to fetch and display data in our datatable

Lecture 3: Deep dive into Js object structure/format to display records in our datatable

Chapter 3: Improve look and feel of lightning datatable

Lecture 1: Format data according to data type

Lecture 2: Show row number column, hide checkbox column and add row number column offset

Chapter 4: Add row actions to lightning datatable

Lecture 1: Add row actions

Chapter 5: Apply sorting to lightning datatable

Lecture 1: Implement datatable properties related to sorting and define handleSort method

Lecture 2: Implement handleSort() and sortBy() method for sorting datatable records

Lecture 3: Deep dive into sortBy() method

Lecture 4: Handle undefined values while sorting our data in lightning datatable

Chapter 6: Add header actions to lightning datatable

Lecture 1: Hide default header actions from lightning datatable

Lecture 2: Add new (custom) header actions to our lightning datatable

Lecture 3: Implement handleHeaderAction() & tick the selected option in header actions menu

Lecture 4: Update/Filter records in lightning datatable as header action is selected

Chapter 7: Select rows programmatically, add infinite loading and apply column widths mode

Lecture 1: Apply auto column widths mode

Lecture 2: Apply fixed column widths mode

Lecture 3: Select rows initially and programmatically in lightning datatable

Lecture 4: [Optional] Deep Dive into slice() and map() functions

Chapter 8: Infinite loading in lightning datatable

Lecture 1: Update apex controller

Lecture 2: Update getContacts() & define loadContacts() to load more records as we scroll

Lecture 3: Fix loadMore() issue by preventing multiple apex calls and adding spinner

Lecture 4: Note

Lecture 5: Simplify/Improve Code – Query contacts only if there are contacts in salesforce

Chapter 9: Apply infinite loading along with datatable filters

Lecture 1: Update apex controller

Lecture 2: Apply "Enable Infinite Loading" and "Is Loading" lightning datatable attributes

Lecture 3: New approach to implement infinite loading along with datatable filters – Theory

Lecture 4: Ensuring infinite loading works properly with record filtering

Lecture 5: Demo, Summary and Wrap Up

Chapter 10: Dynamic row level actions and inline editing

Lecture 1: Add dynamic row level actions

Lecture 2: Apply inline editing – code changes

Lecture 3: Inline editing – demo and code explanation

Chapter 11: Basic inline editing for custom cell types in lightning datatable

Lecture 1: Recap and understanding the "draftValues" attribute of lightning datatable

Lecture 2: Update draftValues array in parent LWC with draftValues coming from datatable

Lecture 3: Create a custom datatable cell/template for our lightning datatable

Lecture 4: Create a new LWC component and use it as our custom datatable cell

Lecture 5: Notify the parent LWC when an event occurred in our custom datatable cell

Lecture 6: Define readOnly section for our custom lightning datatable cell

Lecture 7: Fix CSS for our custom cell in order to have consistent UI for inline editing

Lecture 8: Implement lwc:if and lwc:else instead of if:true/if:false

Lecture 9: Note

Chapter 12: Advanced inline editing for cells under selected rows in lightning datatable

Lecture 1: Update html template – UI changes

Lecture 2: Define new public properties, getters and setters according to the updated UI

Lecture 3: Add dynamic CSS using getters & user-defined CSS in LWC datatable cell component

Lecture 4: Implement handlers for new html elements. Update cellchange event accordingly

Lecture 5: Understanding the relatedTarget property and using it to switch to readOnly mode

Lecture 6: Revert the updated value in custom cell to previous value/Fire cellchange event

Lecture 7: Note

Lecture 8: Demo of the functionality implemented

Lecture 9: Define new attributes: selected, numberOfRecordsSelected and update them

Lecture 10: Update selected records with new value coming from custom cell

Chapter 13: Apply validation in lightning datatable

Lecture 1: Show static – table level error messages when the user is editing record(s)

Lecture 2: Show static – row level error messages with specific fields highlighted

Lecture 3: Implement dynamic – row and table level error messages for inline editing

Lecture 4: Detailed explanation of code changes to implement dynamic error messages

Lecture 5: Demo: Showing error messages dynamically in lightning datatable

Chapter 14: Add accessibility, track column resize and persist the changes performed by user

Lecture 1: Track when the lightning datatable column is resized

Lecture 2: Keep updated records in lightning datatable, once the user has completed changes

Lecture 3: Add accessibility to lightning datatable

Chapter 15: Save records updated using inline editing in lightning datatable to Salesforce

Lecture 1: Define apex controller method & update contacts to have the correct format

Lecture 2: Pass updated contacts to apex controller in order to save them to salesforce

Lecture 3: Wrapping Up!