datatable with pagination and checkbox cover

Custom Data Table With Pagination And Checkbox Functionality In Salesforce Lightning

Lightning Component

Hello guys, today in this post we are going to learn how we can create custom lightning data table with client side JavaScript pagination buttons and row level checkbox functionality using salesforce lightning component. In this component we’ll also persist checkbox checked state on pagination.

Component Features Highlights : 
  • Client Side JavaScript Pagination.
  • Inline Checkbox Functionality.
  • Get Selected Rows in Controller.
  • Total Records Count
  • Selected Records Count
  • Select/Deselect All Checkbox
datatable with pagination and checkbox demo
Lightning Component Output

 

Apex Controller : dataTableCtrl

  • Check code comments.

Lightning Component : tableWithPC.cmp

  • Check code comments.

JavaScript Controller : tableWithPCController.js

  • check code comments

JavaScript Helper : tableWithPCHelper.js

  • Check code comments.
Test App :

Output :

data table with pagination and checkbox demo
Lightning Component Output

 

Other popular Post :

Like our facebook page for new post updates. & Don’t forget to bookmark this site for your future reference.

if you have any suggestions or issue with it, you can post in comment box.

Happy Learning 🙂

(Visited 1,268 times, 56 visits today)

10 comments

Leave a Reply