JAVASCRIPT

datatables change width of columns

$('#example').dataTable( {
  "autoWidth": false, // might need this
  "columns": [
    { "width": "20%" },
    null, // automatically calculates
    null  // remaining width
  ]
} );

datatable column width

columnDefs: [
            { width: 200, targets: 0 }
        ],

datatables change width of columns

Javascript
1
2
3
4
5
$('#example').dataTable( {
  "columnDefs": [
    { "width": "20%", "targets": 0 }
  ]
} );

datatable giving default width to colums

$('#table_selector').dataTable( {
  "autoWidth": false, //<-------- add this
  //give custom width
  "columns": [
    { "width": "10%" },
} );

datatable width column

table.display {
  margin: 0 auto;
  width: 100%;
  clear: both;
  border-collapse: collapse;
  table-layout: fixed;         // add this 
  word-wrap:break-word;        // add this 
}

data table column width

$('#example').dataTable({
  "columnDefs": [    
    { "width": "20%", "targets": 0 }  
  ]} 
);