This Post Has 17 Comments

1. 

   Raja

   21 Nov 2018 Reply

   It is really helpful for so many people. Thank You! :).

   One Suggestion. If you use client side, instead of server side actions it will help more. Is there any possibility. I am also not sure, have to check it.

   1. 

      Manish Choudhari

      21 Nov 2018 Reply

      Yes it can be done. You need to mix the logic of this blog with this one: http://sfdcfacts.com/lightning/lightning-pagination-with-page-number-navigation-using-client-side-controller/

      1. 

         Rama

         23 Nov 2018 Reply

         Thank you!!

2. 

   Abhinandan

   20 Dec 2018 Reply

   Using how to display Parent Record name instead of its Id

   1. 

      Manish Choudhari

      11 Jan 2019 Reply

      Hi Abhi,

      From backend SOQL, get the name and same can be displayed in data table component.

3. 

   Jafe Who

   11 Jan 2019 Reply

   It is really helpful for me. Thank You! :).
   I have a little question.
   I write so many console.log() in controller’s onRowSelection() function,then I find out that if i go straight to the second page and click one checkbox,The Id of that line wouldn’t be save into v.selection.But if i click twice again,that Id will be save into v.selection.
   After I check a little while,the problem is program go to
   else{
   component.set(“v.hasPageChanged”, false);
   }.
   It cause the problem happened.
   I write a button and it’s disabled attribute is related with v.selection value,if value is empty,disabled=true,I can’t click that button.
   because it seems to click the checkbox ,actually it’s not in v.selection
   So how to deal with this problem?

   1. 

      Manish Choudhari

      11 Jan 2019 Reply

      Hi Jafe,

      Thanks for pointing it out. I have updated the code, please use the latest code from this article, you should not face this issue anymore.

      1. 

         Jafe Hu

         29 Jan 2019 Reply

         Thank you so much! Your Blog is really helpful!!

      2. 

         Jafe Hu

         29 Jan 2019 Reply

         Thank you so much.Your blog is really helpful.I’m a big fan of you O(∩_∩)O

4. 

   Jafe Hu

   29 Jan 2019 Reply

   Thank you so much.Your blog is really helpful.I’m a big fan of you O(∩_∩)O

5. 

   Asmae

   29 Jan 2019 Reply

   Hi,

   Thank you for this explanation, but the uncheck didn’t work for me
   Please advise?

   Find below my onRowSelection code:

   var allSelectedRows = component.get(“v.selectedRows”);
   var current = component.get(“v.currentPage”);
   var dTable = component.find(“accountTable”);
   var selectedRows = dTable.getSelectedRows();
   var selectedIds = [];
   var allSelectedIds = [];
   component.get(“v.selectedRecords”)[pgName] = selectedRows;
   for(var x in component.get(“v.selectedRecords”)){
   for(var y in component.get(“v.selectedRecords”)[x]){
   selectedIds.push(component.get(“v.selectedRecords”)[x][y].Id);
   }
   }
   for(var j=0; j<allSelectedRows.length; j++){
   for(var i=0; i<selectedIds.length; i++){
   if(allSelectedRows[j] === selectedIds[i]){
   console.dir('### currentSelected '+selectedIds[i]);
   allSelectedRows.splice(j, 1);
   }
   }
   }
   console.dir('### allSelectedRows after splice '+allSelectedRows);

   My allSelectedRows still contains the unchecked records

   Thanks in advance

6. 

   Mike

   29 Apr 2019 Reply

   Hi

   This is not working as expected. When user selects the check box, its not getting selected. Please help with the issue.

   Thanks
   Mike

   1. 

      Manish Choudhari

      1 May 2019 Reply

      take the code as it is, it should work, else please let me know the error if you are seeing any.

7. Pingback: Color Columns of Lightning Data Table - Aura Component - SFDCFacts

8. 

   Praveen Gupta

   22 May 2019 Reply

   Hi Manish,

   In this pagination if I selected the record on first page and after that I jumped two or three page and then selected the record then there comes issue.
   Like if I select the 1 record from first page and then selected the 3 records from the 4 page then it holds total only 3 records.It is not holding the first record of the 4 page.Because rowselection is not working for the first record of fourth page when I jumping from 1 page to 4 page.
   Please help me with this issue.
   Thanks,
   Praveen

   1. 

      Manish Choudhari

      8 Jun 2019 Reply

      I have tested your scenario as well, and the data-table is holding the selection perfectly. Please make sure you are using latest code from the blog as I had changed it some time back.

9. 

   Dinesh

   11 Jun 2019 Reply

   Hi Manish, This blog saved my day. It is really helpful. I have implemented the similar logic for the row selection. But unselect is not working. Can you please guide me here. My code is as follows.

   getSelectedRows : function(component, event, helper){
   //Get selected Rows
   var selectedRows = event.getParam(‘selectedRows’);

   //Get all selected rows from datatable, this will give all the selected data from all the pages
   var allSelectedRows = component.get(“v.selectedRows”);

   // variable selectedRowsList of type List, holds all the data that is selected for the serverside controller. Where I am working on selected rows
   var existRows = (component.get(“v.selectedRowsList”).length >0)?component.get(“v.selectedRowsList”):[];
   var Idset = new Set();

   if(allSelectedRows){
   allSelectedRows.forEach(function(result){
   Idset.add(result);
   });
   }

   if(selectedRows){
   component.set(“v.showCancelTableError”, false);
   selectedRows.forEach(function(row){
   console.log(‘row–‘,row);
   if(!Idset.has(row.Id)){
   Idset.add(row.Id);
   existRows = existRows.concat(row);
   }
   });
   }

   if(Idset.size>0){
   var IdsSelected = [];
   Idset.forEach(function(id){
   IdsSelected.push(id);
   });
   component.set(“v.selectedRows”, IdsSelected);
   component.set(“v.selectedRowsList”,existRows );
   }
   }
   I am confused here, on how to find the unselected rows and how to remove them from IdsSelected and selectedRowsList