Row select/deselect only by clicking checkbox - Jquery Datatable

Question

I am creating a jquery datatable as below

 var table = $('#example').DataTable({
  'ajax': 'https://gyrocode.github.io/files/jquery-datatables/arrays_id.json',
  'columnDefs': [
     {
        'targets': 0,
        'checkboxes': {
           'selectRow': true
        }
     }
  ],
  'select': {
     'style': 'multi'
  },
  'order': [[1, 'asc']]
   });

https://jsfiddle.net/4ovbtwgd/1/

But i have a requirement where i want to select/deselect row only based on checkbox click.Now the row will get selected if we click any of the column in a row.But based on requirement,the row should be selected/deselect based on checkbox click only.Can anyone help on this with a sample code

Dani · Accepted Answer · 2020-05-26 09:18:57Z

1

You can set selector inside select option like documentaion says:

select: {
  style:    'multi',
  selector: 'td:first-child'
},

answered May 26, 2020 at 9:18

Dani

2,0862 gold badges20 silver badges32 bronze badges

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

1 Comment

vmb Over a year ago

Thanks..i will check

Collectives™ on Stack Overflow

Row select/deselect only by clicking checkbox - Jquery Datatable

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