how to set column width in datatable using jquery code example

Example 1: columndefs in datatable not working while setting width jquery

autoWidth: false

Example 2: datatables change width of columns

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

Example 3: datatable column width

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

Example 4: 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 
}

Tags:

Misc Example