Search

They need to be separate objects, like this: "columnDefs": [ { "targets": [2, 3, 6, 7, 12], "visible": false, }, { targets: 10, render: $.fn.dataTable.render.ellipsis( 20, true ) } ], Kevin

ajax: '/api/staff', rowId: 'id', columnDefs: [ { orderable: false, className: 'select-checkbox',

serverSide: TableConfig.serverSide, order: TableConfig.order, columnDefs: [ TableConfig.controlSelectbox, TableConfig.controlResponsive, // These are

data: "cashflow_due_date" }, { data: "cashflow_amount" }, ], columnDefs: [ // targets may be classes

THanks for your response. I did some more testing. While columnDefs was not working column.width works.

using both columns and columnDefs - it would be better

col3, I can do: "columnDefs": [ { "render": function ( data, type,

So how is it implemented? I see that you can target each column (for example: 0 would be column 1), but how do you give it a name and then show it in the final table? "columnDefs": [ { "targets": 0 } ]

return rowData[0].match(re); }, }); }); return options } //.. //.. columnDefs:[ { searchPanes:{ show: true, options:

extend: 'print' } ], fade: true, } ] "columnDefs": [ { "targets": [2,3,6,7,13], "visible": false