Mastering Lightning Datatable in Salesforce LWC

Focused View

Rahul Malhotra

7:49:29

21 View

1. Create a basic lightning datatable in LWC

1.1 force-app.zip

1. Create a lightning datatable in LWC with static employee data.mp4

10:57

2.1 SFDC Stop Telegram Channel.html

2.2 SFDC Stop Telegram Group.html

2. General Guidelines.html

2. Query contacts from salesforce and display them in datatable

1.1 force-app.zip

1. Write apex controller.mp4

02:25

2. Update JavaScript controller to fetch and display data in our datatable.mp4

07:07

3. Deep dive into Js object structureformat to display records in our datatable.mp4

08:31

3. Improve look and feel of lightning datatable

1.1 force-app.zip

1.2 Lightning Datatable Official Documentation.html

1. Format data according to data type.mp4

07:57

2.1 force-app.zip

2. Show row number column, hide checkbox column and add row number column offset.mp4

02:41

4. Add row actions to lightning datatable

1.1 force-app.zip

1. Add row actions.mp4

15:45

5. Apply sorting to lightning datatable

1.1 force-app.zip

1. Implement datatable properties related to sorting and define handleSort method.mp4

07:51

2.1 JavaScript Spread Operator Tutorial.html

2. Implement handleSort() and sortBy() method for sorting datatable records.mp4

07:54

3. Deep dive into sortBy() method.mp4

11:27

4.1 force-app.zip

4. Handle undefined values while sorting our data in lightning datatable.mp4

09:21

6. Add header actions to lightning datatable

1.1 force-app.zip

1. Hide default header actions from lightning datatable.mp4

02:40

2.1 force-app.zip

2. Add new (custom) header actions to our lightning datatable.mp4

07:28

3.1 force-app.zip

3.2 GitHub Issue Datatable Column action check mark not updating when using Header-Level Actions and @track.html

3. Implement handleHeaderAction() & tick the selected option in header actions menu.mp4

08:50

4.1 force-app.zip

4. UpdateFilter records in lightning datatable as header action is selected.mp4

07:07

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

1.1 force-app.zip

1. Apply auto column widths mode.mp4

02:30

2.1 force-app.zip

2. Apply fixed column widths mode.mp4

06:39

3.1 force-app.zip

3. Select rows initially and programmatically in lightning datatable.mp4

11:18

4. [Optional] Deep Dive into slice() and map() functions.mp4

04:33

8. Infinite loading in lightning datatable

1.1 force-app.zip

1. Update apex controller.mp4

06:23

2. Update getContacts() & define loadContacts() to load more records as we scroll.mp4

08:47

3. Fix loadMore() issue by preventing multiple apex calls and adding spinner.mp4

11:14

4. Note.html

5. SimplifyImprove Code - Query contacts only if there are contacts in salesforce.mp4

06:11

9. Apply infinite loading along with datatable filters

1.1 force-app.zip

1. Update apex controller.mp4

08:18

2. Apply Enable Infinite Loading and Is Loading lightning datatable attributes.mp4

05:40

3. New approach to implement infinite loading along with datatable filters - Theory.mp4

06:28

4. Ensuring infinite loading works properly with record filtering.mp4

11:50

5. Demo, Summary and Wrap Up.mp4

05:57

10. Dynamic row level actions and inline editing

1.1 force-app.zip

1. Add dynamic row level actions.mp4

10:16

2.1 force-app.zip

2. Apply inline editing - code changes.mp4

06:48

3. Inline editing - demo and code explanation.mp4

11:41

11. Basic inline editing for custom cell types in lightning datatable

1.1 force-app.zip

1. Recap and understanding the draftValues attribute of lightning datatable.mp4

07:33

2. Update draftValues array in parent LWC with draftValues coming from datatable.mp4

12:53

3.1 Salesforce Official Documentation referred at 300.html

3. Create a custom datatable celltemplate for our lightning datatable.mp4

08:47

4. Create a new LWC component and use it as our custom datatable cell.mp4

10:50

5. Notify the parent LWC when an event occurred in our custom datatable cell.mp4

08:57

6.1 Lightning Design System Icons Library.html

6. Define readOnly section for our custom lightning datatable cell.mp4

11:05

7. Fix CSS for our custom cell in order to have consistent UI for inline editing.mp4

11:26

8. Implement lwcif and lwcelse instead of iftrueiffalse.mp4

04:11

9. Note.html

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

1.1 force-app.zip

1. Update html template - UI changes.mp4

10:28

2. Define new public properties, getters and setters according to the updated UI.mp4

08:42

3. Add dynamic CSS using getters & user-defined CSS in LWC datatable cell component.mp4

09:22

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

09:33

5. Understanding the relatedTarget property and using it to switch to readOnly mode.mp4

09:20

6. Revert the updated value in custom cell to previous valueFire cellchange event.mp4

09:05

7. Note.html

8. Demo of the functionality implemented.mp4

02:42

9. Define new attributes selected, numberOfRecordsSelected and update them.mp4

08:33

10. Update selected records with new value coming from custom cell.mp4

09:08

13. Apply validation in lightning datatable

1.1 force-app.zip

1. Show static - table level error messages when the user is editing record(s).mp4

05:45

2. Show static - row level error messages with specific fields highlighted.mp4

12:53

3.1 force-app.zip

3. Implement dynamic - row and table level error messages for inline editing.mp4

10:26

4. Detailed explanation of code changes to implement dynamic error messages.mp4

06:14

5. Demo Showing error messages dynamically in lightning datatable.mp4

04:13

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

1.1 force-app.zip

1. Track when the lightning datatable column is resized.mp4

04:24

2. Keep updated records in lightning datatable, once the user has completed changes.mp4

07:52

3.1 force-app.zip

3. Add accessibility to lightning datatable.mp4

07:17

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

1.1 force-app.zip

1. Define apex controller method & update contacts to have the correct format.mp4

09:45

2. Pass updated contacts to apex controller in order to save them to salesforce.mp4

05:31

3. Wrapping Up!.html

Description

Learn how to implement lightning datatable in LWC from scratch. Implement all features from basic to advanced level.

What You'll Learn?

Create a lightning datatable in LWC from scratch
Add row level actions, sorting, header actions to lightning datatable
Apply infinite loading, selecting rows programmatically, add dynamic row level actions
Creating a custom cell type, add inline editing for the same
Show static and dynamic errors, add accessibility and save records to salesforce

Who is this for?

Anyone who would like to level up their skills in LWC and Master Lightning Datatable implementation in Salesforce

What You Need to Know?

Basic knowledge of LWC and JavaScript. However, we'll implement everything from scratch

More details

Description
As a salesforce developer, you'll come across many instances in multiple projects where you need to show records in a table. Lightning Datatable is a reusable component provided by salesforce using which you can display records easily. Welcome to Mastering Lightning Datatable in Salesforce LWC course, where you'll learn everything about lightning datatable from scratch. It doesn't matter if you've used lightning datatable or implemented lightning datatable before in LWC or not. We'll start from the very basics i.e. implementing a lightning datatable within 10 minutes which will show static data and will implement everything till advanced level, including our own custom datatable cell component.
To give you a high level idea, starting from the very basics of datatable, we'll cover a lot of topics including but not limited to: row level actions, header actions, infinite loading, sorting, defining a custom cell type, validations and interaction with apex controller.

Course Features
HD Videos
Detailed Explanations
All Concepts Covered - Beginner to Advanced
Extra Learning Resources
Certificate of Completion

The course is your stepping stone in becoming an amazing salesforce developer. We'll be doing a lot of coding and lwc development in this course starting from the very first video. It'll not only help you master lighnting datatable implementation in lwc, it'll also help you to level up as a salesforce developer. We'll code a lot of JavaScript together, learn LWC concepts like: child to parent communication using events, custom attributes etc. and thereby implement some amazing functionality in lightning datatable which you might have never implemented before!

This course is taught by Rahul Malhotra, who is a blogger and youtuber at SFDCÂ Stop. He has delivered various live technical sessions at International and National Salesforce Conferences and other global gatherings including ApexHours, Cactusforce 2022, TrailheaDX India 2019, Dreamforce 2018, IndiaDreamin 2018, Jaipur Developer Fest 2018 as well as other global gatherings of Salesforce.
Who this course is for:
Anyone who would like to level up their skills in LWC and Master Lightning Datatable implementation in Salesforce

User Reviews

Rating

average 0

Total votes0

Focused display

Salesforce Development

Rahul Malhotra

Instructor's Courses

Rahul Malhotra is a blogger and youtuber at SFDC Stop. He has delivered various live technical sessions at International and National Salesforce Conferences as well as other global gatherings of salesforce including ApexHours, Cactusforce 2022, TrailheaDX India 2019, Dreamforce 2018, IndiaDreamin 2018, Jaipur Developer Fest 2018 as well as other global gatherings of Salesforce.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.