Search

4, 'asc' ] ], scrollX: false, columnDefs: [ { targets: 0, className: 'select-checkbox',

You've defined both columnDefs and columns, which would probably cause this. Move the columnDefs options into columns, and you should be good to go. Colin

put the className in columnDefs instead of your columns

but you have this: columnDefs: [ { targets: 3, render: function

Update, I tried my suggestion, and it didn't work :( I implemented td { font-size: 12px; text-align: center;} into my CSS and tried to override with, "columnDefs" : [{ "targets": 0, "className": "text-left", }], and this still centers the text in the group,

doing another entry in columnDefs and it worked. Weird

category_id"}, {"data": "status"} ], after "columnDefs": [ { "targets": [0, 5, 6],

20, 50, 100, 'All'] ], columnDefs: [ { targets: [ 0 ], visible: false,

info9", data:'info9' }, { data: "info"} ], "columnDefs": [ { "targets": [6,7], "orderable": false

this is the money rendering solution. thank you let dataTable = $('#product_table').DataTable({ "processing" : true, "serverSide" : true, "order" : [], "ajax" : { url:"serverside/ajax-products.php", type:"POST" }, "columnDefs": [ { "targets": 6, "data": 0, "render": function ( data, type, row, meta ) { return 'Detail';}, }, { "targets": 4, "data": 4, "render": $.fn.dataTable.render.number(',', '.', 2, '$ ') } ], });