jQuery DataTables: check all checkboxes on page load

Question

I have a grid which is based on jQuery DataTables Checkboxes. It pretty much looks like the basic example that gyrocode have on their webpage Does anyone know if I can have all checkboxes checked when the table first loads please (including the master checkbox, the one at the top that checks/unchecks all with a single click)

I tried $("input.dt-checkboxes").prop("checked", true); but that checks only the entries that are currently shown on the datatable's page

ROOT · Accepted Answer · 2020-05-11 15:23:56Z

1

you can use cells.checkboxes.select(), filter the cells but, but we actually return true for all rows here, a working fiddle:

...
'initComplete': function(settings){
  var api = this.api();

  api.cells(
    api.rows(function(idx, data, node){
      return  true;
    }).indexes(),
    0
  ).checkboxes.select();
},
...

answered May 11, 2020 at 15:23

ROOT

11.7k5 gold badges35 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Aenaon Over a year ago

Yes, correct. I actually got something similar. I used createdCell': function(td){this.api().cell(td).checkboxes.select()} with deferRender': true. I am not sure if there is a different but your answer is happily accepted. Many thanks for looking into this

Collectives™ on Stack Overflow

jQuery DataTables: check all checkboxes on page load

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related