jquery datatable disable sort in specific row

datatable, javascript, jquery

Solution

You can disable the sorting using a class in definition. Just add this code to the datatable initialization:

// Disable sorting on the sorting_disabled class
"aoColumnDefs" : [ {
    "bSortable" : false,
    "aTargets" : [ "sorting_disabled" ]
} ]

Problem

How to disable sorting in specific row/column in jquery datatable using a class? here's my sample table; ``` <table> <thead> <tr> <th class="sorting_disabled">Title1</th> <th class="">Title2</th> <th class="sorting_disabled">Title3</th> </tr> </thead> <tbody> <tr><td>Tag 1</td><td>Date 1</td><td>Date 2</td></tr> <tr><td>Tag 2</td><td>Date 2</td><td>Date 2</td></tr> <tr><td>Tag 3</td><td>Date 3</td><td>Date 3</td></tr> <tr><td>Tag 4</td><td>Date 4</td><td>Date 4</td></tr> <tr><td>Tag 5</td><td>Date 5</td><td>Date 5</td></tr> .... </tbody> </table> ``` script; ``` $('.sortable thead tr th.sorting_disabled').livequery(function() { $(this).removeClass('sorting'); $(this).unbind('click'); }); ``` above code works but if I click to the next column who has a sorting its shows again an arrow. though its not clickable ;( How can I disable the sorting by using a class and not using/redraw a table.

Original source