Mastering Lightning Datatable in Salesforce LWC

سرفصل های دوره

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

1. Create a basic lightning datatable in LWC

1.1 force-app.zip

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

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

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

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

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

2.1 force-app.zip

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

4. Add row actions to lightning datatable

1.1 force-app.zip

1. Add row actions

5. Apply sorting to lightning datatable

1.1 force-app.zip

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

2.1 JavaScript Spread Operator Tutorial.html

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

3. Deep dive into sortBy() method

4.1 force-app.zip

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

6. Add header actions to lightning datatable

1.1 force-app.zip

1. Hide default header actions from lightning datatable

2.1 force-app.zip

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

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

4.1 force-app.zip

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

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

1.1 force-app.zip

1. Apply auto column widths mode

2.1 force-app.zip

2. Apply fixed column widths mode

3.1 force-app.zip

3. Select rows initially and programmatically in lightning datatable

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

8. Infinite loading in lightning datatable

1.1 force-app.zip

1. Update apex controller

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

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

4. Note.html

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

9. Apply infinite loading along with datatable filters

1.1 force-app.zip

1. Update apex controller

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

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

4. Ensuring infinite loading works properly with record filtering

5. Demo, Summary and Wrap Up

10. Dynamic row level actions and inline editing

1.1 force-app.zip

1. Add dynamic row level actions

2.1 force-app.zip

2. Apply inline editing - code changes

3. Inline editing - demo and code explanation

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

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

3.1 Salesforce Official Documentation referred at 300.html

3. Create a custom datatable celltemplate for our lightning datatable

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

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

6.1 Lightning Design System Icons Library.html

6. Define readOnly section for our custom lightning datatable cell

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

8. Implement lwcif and lwcelse instead of iftrueiffalse

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

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

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

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

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

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

7. Note.html

8. Demo of the functionality implemented

9. Define new attributes selected, numberOfRecordsSelected and update them

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

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)

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

3.1 force-app.zip

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

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

5. Demo Showing error messages dynamically in lightning datatable

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

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

3.1 force-app.zip

3. Add accessibility to lightning datatable

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

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

3. Wrapping Up!.html

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy