When using the lightning-datatable component, by default each row has a checkbox beside it (unless so explictely specify hideCheckboxColumn to false). So when a row is selected the onrowselection event is fired for that row.

I was wondering if there's a way to detect when the checkbox at the header is selected (the one that selects all rows). I need to detect this since I want to implement a paginator and when the checkbox in the header is checked I want to also check rows in the other pages.

Any viable way to accomplish this?


If the rowselection event is not being fired on check all - then currently there aren't any (public) custom events that are emitted. Per the docs we only have:

  • cancel
  • resize
  • rowselection
  • save
  • sort

Theoretically - the workaround would be to overlay a div and capture a click event with a delay (every time) and check:

const selected = this.template.querySelector('lightning-datatable').getSelectedRows()

And do some logic based on your known rows.length vs that selected.length;

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.