how to hide sorting of specific column in datatable?

Question

I am using datatable API. Here, I want to hide sorting arrows for some specific columns. How do I do that ?

I tried this code but didn't work.

$('#example').dataTable( {
  "columnDefs": [
    { "orderable": false, "targets": 0 }
  ]
});

I updated the answer to correct the tags. Also note that datatables tag is remapped to jquery-datatables tag (link). — user216084
– user216084, Commented Nov 30, 2016 at 0:50

t_dom93 · Accepted Answer · 2016-11-29 17:02:33Z

4

If you want to target a specific column, multiple columns, or all columns, use the aTargets property instead your "targets". The aTargets property is an array to target one of your columns and it can be:

aTargets : [0] - first column from the left
aTargets : [1] - second column, etc...
aTargets: ['_all'] - select all columns

So if you want to hide sorting arrow for let's say first column, use this code:

$(document).ready(function() {
    $('#example').DataTable( {
        aoColumnDefs : [ {
           orderable : false, aTargets : [0]        
        }],
        order: [] 
    } );
} );

During initialization in example we don't want to apply ordering, so we set order property empty:

order: []

I choose one table from datatables examples and put all this in working example: jsFiddle

edited Nov 29, 2016 at 17:02

answered Nov 29, 2016 at 16:56

t_dom93

11.6k3 gold badges56 silver badges40 bronze badges

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

Collectives™ on Stack Overflow

how to hide sorting of specific column in datatable?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related