title: How do I set the column width of some column width in datatables
body: <p>This is my <a href="https://hattricknz.github.io/datatables_example2" rel="noreferrer">data table</a>. </p>
  
  <p>I can't seem to control the width of any of the columns:</p>
  
  <pre><code>$(document).ready(function() {
      $('#example').DataTable( {
          "ajax": 'ajax/data/arrays.txt'
      } );
  </code></pre>
  
  <p>I have tried various methods <a href="https://datatables.net/reference/option/autoWidth" rel="noreferrer">here:</a></p>
  
  <pre><code>$('#example').dataTable( {
    "autoWidth": false
  } );
  </code></pre>
  
  <p>And <a href="https://datatables.net/reference/option/columns.width" rel="noreferrer">here</a>:</p>
  
  <pre><code>$('#example').dataTable( {
    "columnDefs": [
      { "width": "20%", "targets": 0 }
    ]
  } );
  </code></pre>
  
  <p>Without success.<strong>Can anyone advise me on how I can manually control the width of some individual columns?</strong> I am hoping it can be done using existing method in datatables. </p>
  
  <p>Note: I will post a fiddle if I get a chance. 
  <a href="https://jsfiddle.net/HattrickNZ/7bh7w2tu/" rel="noreferrer">fiddle here</a> - It is not exactly the same, but if my understanding is correct, I should be abloe to control the column width here: </p>
  
  <pre><code>var table = $('#example').DataTable();
  </code></pre>