Search

Nevermind, found the answer in the comment here. https://datatables.net/reference/option/columns.orderable

I don't know how to delete this post... Can confirm this works on classes, it was my table data with the dates that was wrong ><

Found the solution. Set a click event on the textbox and execute: event.stopPropagation();

Failing that, could you link to a page showing the issue please? Thanks, Allan

Please, can someone help me with this question? Thank you!!

I will just add this. If anybody is looking to do this, make sure you add this following to your CSS file as if you update Datatables, any changes you make will most likely be reverted back . /* dataTables CSS modification & positioning */ table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before { right: 0 !important; content: "" !important; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { right: 0 !important; content: "" !important; } then, add your code underneath that CSS. Here is my code for example. table.dataTable thead th { position: relative; background-image: none !important; } table.dataTable thead th.sorting:after, table.dataTable thead th.sorting_asc:after, table.dataTable thead th.sorting_desc:after { position: absolute !important; top: 12px !important; right: 8px !important; display: block !important; font-family: FontAwesome !important; } table.dataTable thead th.sorting:after { content: "\f0dc" !important; color: #ddd !important; font-size: 0.8em !important; padding-top: 0.12em !important; } table.dataTable thead th.sorting_asc:after { content: "\f0de" !important; } table.dataTable thead th.sorting_desc:after { content: "\f0dd" !important; }

Sorry - I should have said that I would need a working test case showing the issue to be able to help. Thanks, Allan

What was the font you were using? Allan

This is how i solved this problem, I removed the render and moved that logic to createdCell var table = $(tableId).DataTable( { "destroy": true, "responsive": true, "bProcessing": true, "bDeferRender": true, "paging": true, "aaData": tableData, "aoColumns": tableHeader, "columnDefs": [ { "createdCell": function (td, cellData, rowData, row, col) { $(td).attr("data-order", cellData); $(td).attr("data-sort", cellData); if(cellData > -1){ $(td).html(cellData.format(2,3,',','.')); } else{ $(td).html("<span style=\"color:red\">( " + Math.abs(cellData).format(2,3,',','.') + " )</span>"); } }, "targets": 5 } ]

Thanks for your question - however, per the forum rules can you link to a test case showing the issue please. This will allow the issue to be debugged. Information on how to create a test page, if you can't provide a link to your own page can be found here. Thanks, Allan