Search

document).ready(function() { $('#example').DataTable( { autoWidth: false, columnDefs: [ { width: '10px', targets: 0

are defined in the columnDefs after my headerCallback. Sounds

So with the https://datatables.net/reference/option/columns.title columns.title Option that you recommended, would I be able to add a data value for example https://jsfiddle.net/BeerusDev/mznL52p8/97/ "columnDefs": [ { "title": data.Monday, "targets": 3 } ]

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],