Sunday, June 7, 2020

Lightning Datatables in Lightning Web Component(LWC): 3 Steps.


Interesting topic.  Let us explore Lightning-Datatable in LWC in 3 steps.


➤ Objective of exercise


1.  Fetch Contacts, populate data table and implement Search Functionality using inputs.
2.  Adding Buttons inside Datatable rows, Fetching Selected rows and performing action on them
3. DataTable with In-Line editing and save functionality.
*  All this in LWC :)

Quick GitHub Link : Click Here!

➤ Fetch Contacts, populate data table and implement Search Functionality using inputs.


➤ Adding Buttons inside Datatable rows, Fetching Selected rows and performing action on them.



➤ Datatable with In-line editing and save functionality




Please share your feedback and suggestions in the comments section below.

Thanks,
Saksham Mahendru | msaksham18@gmail.com

7 comments:

  1. Nice Article ..

    ReplyDelete
  2. Is there any possibility to show lookup fields in the table.

    ReplyDelete
  3. It would be good if you keep code in a single shotlike , this is contoller , this lwc component. people who are new to lwc cannot understand if you split the code like above and keep. Just a suggestion. Nice blog and example

    ReplyDelete
    Replies
    1. Yes.. Agreed. I will be revamping this by weekend and include inline edit as well. Thanks for suggestion. :)

      Delete