DataTables.net columns.width doesn't work
<p>I am using <a href="https://datatables.net" rel="nofollow">https://datatables.net</a> plugin to show a table.</p>

<p>I want to change first column width as wide as possible.</p>

<p>But column width doesn't change when I configure it as below manual:</p>

<p><a href="https://datatables.net/reference/option/columns.width" rel="nofollow">https://datatables.net/reference/option/columns.width</a></p>

<pre><code>$(document).ready(function() {
    $('#example').DataTable( {
            "columnDefs": [
                { "width": "50%", "targets": 0 }
            ]
    } );
} );
</code></pre>

<p>I have created JsFiddle: <a href="https://jsfiddle.net/AntonyBaasan/btjg433y/2/" rel="nofollow">https://jsfiddle.net/AntonyBaasan/btjg433y/2/</a></p>

<p>What am I missing here?</p>