Lightning-DataTable Using Lightning Web Component

lightning-datatable component displays tabular data where each column can be displayed based on the data type.

 

 

 

 

 

Syntax for Lightning DataTable in Lightning Web Component

<template>
    <lightning-datatable
            data={data}
            columns={columns}
            key-field="id"
            onrowselection={getSelectedName}>
    </lightning-datatable>
</template>

HTML File:

lightningDataTable.html

Javascript File:

lightningDataTable.js

Meta File:

lightningDataTable.js-meta.xml

Apex Controller

AccountController.cls

 

Result:

 

Reference:

https://developer.salesforce.com/docs/component-library/bundle/lightning:datatable/example

Written by 

I am Sakthivel Madesh, a certified Salesforce Advanced Developer & Administrator working on Salesforce Technology since 2011. I am currently working in Techforce Services as Sr. Salesforce Developer. I have worked on multiple technologies Like PHP, Java, Salesforce, I am very passionate about Salesforce and to earn 15x Salesforce Certification. I love Trailhead for learning Salesforce Skill and Become a Trailhead 5x Ranger too. I Love to Learn & Share my Salesforce knowledge to Salesforce Learners/Beginner using My Blog and Salesforce Community.

Leave a Reply

Your email address will not be published. Required fields are marked *

*