lwc datatable with sorting of columns ascending and descending order of account object’s fields Uses of ‘lightning-datatable’ elements in Salesforce — LWC

Hey guys, today in this post we are going to learn about How to sorting of columns ascending and descending order of account object’s fields Uses of ‘lightning-datatable’ elements in Salesforce Lightning Web Component — LWC.

Here I am creating lwc datatable with sorting the columns of Account Object by ascending and descending order in lightning web component (LWC).

➡ Live Demo || To know more, Click Here..

Files we used in this post example

lwcSortingDataTable.html

LWc HTML File

Template HTML file to create datatable with sorting of columns by Ascending & Descending Order in lwc

lwcSortingDataTable.js

LWC JavaScript File

It’s hold a javascript on click function to sorting the column of Account Object by Ascending & Descending Order.

lwcSortingDataTable.js-meta.xml

XML Meta File

It is used to where this lightning web component file you want to display as like lightning__AppPage, lightning__RecordPage, lightning__HomePage.

lwcSortingDataTableCtrl.cls

Apex Class Controller

It is used for fetching the data of Account from server.

Final Output

Other related post that would you like to learn in LWC

Create Lightning Web Component HTML

Step 1:- Create Lightning Web Component HTML ➡ lwcSortingDataTable.html

SFDX:Lightning Web Component ➡ New ➡ lwcSortingDataTable.html

lwcSortingDataTable.html [Lightning Web Component HTML]

Create Lightning Web Component Javascript

Step 2:- Create Lightning Web Component Javascript ➡ lwcSortingDataTable.js

SFDX:Lightning Web Component ➡ New ➡ lwcSortingDataTable.js

lwcSortingDataTable.js [LWC JavaScript File]

Create Lightning Web Component Meta XML

Step 3:- Create Lightning Web Component Meta XML ➡ lwcSortingDataTable.js-meta.xml

SFDX:Lightning Web Component ➡ New >> lwcSortingDataTable.js-meta.xml

lwcSortingDataTable.js-meta.xml [LWC Meta Data XML]

Lightning Web Component Meta XML

Create Apex Class Controller

Step 4:- Create Apex Controller ➡ lwcSortingDataTableCtrl.cls

SFDX:Create Apex Class ➡ New ➡ lwcSortingDataTableCtrl.cls

lwcSortingDataTableCtrl.cls [Apex Class]

Further post that would you like to learn in LWC

Related Topics | You May Also Like

Originally published at https://www.w3web.net on July 19, 2021.