How disable sorting on click on column title but allow for click on arrow in jQuery datatable?

Question

I am rendering a table thanks to jQuery datatable plugin .

When you allow sorting on a column , column is sorted if you click on title text or on arrow just near:

enter image description here

Do you know how to disable sorting for click on text but let sorting for click on arrows?

You need to add something like this: "bSortable": false, If you share the code you're using to render the table, I can show you exactly where it goes. — jonmrich
– jonmrich, Commented Apr 6, 2015 at 16:50

Luca Kiebel · Accepted Answer · 2018-07-04 09:34:45Z

6

If you supose the checkbox has the ID #chkbx, this code should work:

$('#chkbx').click(function(event){

  //Your code here

  event.stopPropagation();
});

With the event.stopPropagation() prevent the sorting of the column.

Luca Kiebel

10.1k7 gold badges34 silver badges47 bronze badges

answered Oct 5, 2016 at 11:01

burgund

1651 silver badge5 bronze badges

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

Comments

jonmrich · Accepted Answer · 2015-04-06 16:51:48Z

-1

$('#example').dataTable( {
      "aoColumnDefs": [
          { 'bSortable': false, 'aTargets': [ 1 ] }
       ]
});

1 is your column number (remember the first column is actually 0).

answered Apr 6, 2015 at 16:51

jonmrich

4,3738 gold badges52 silver badges96 bronze badges

thank but i don't want to disable sorting, just disable sorting when i click on title text