title: Fixed column width
body: <p>With Jquery datatables I've build a data table which loads data from server dynamically by Ajax in JSON format. This is my code:</p>
  
  <pre><code>          $.ajax({
                type: 'POST',
                url: "{{URL::to('/')}}/mynote_list",
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                },
                dataType: 'json',
                success: function(data) {
                    var dataSet = data.data;
                    mytable = $('#mynote_table').DataTable({
                        destroy: true,
                        paging: false,
                        searching: false,
                        ordering: true,
                        bInfo: false,
                        columnDefs: [
                        { "width": "150px", "targets": [0] },       
                        { "width": "40px", "targets": [1] }
                        ],
                        fixedColumns: true,
                        "data": dataSet,
                        "columns": [
                            {"data": "my_note"},
                            { "data": "Link",
                            "mRender": function (data, type, full) {
                            return '&lt;button type="button" class="fa fa-trash delete-button btn btn-flat"  style="font-size:14px;color:red" id="'+full.id+'" &gt;&lt;/button&gt;';
                              }
                            },
                        ],
                        "order": [
                            [1, 'asc']
                        ]
                    });
                }
            });
  </code></pre>
  
  <p>But resulting column width is not that I'm trying to set.</p>
  
  <pre><code>Particuls| Action 
  =========+=============
    AAAAA  |  Delete        
  ---------+-------------
    BBBBB  |  Delete         
  ---------+-------------
    CCCCC  |  Delete   
  ---------|------------
  </code></pre>
  
  <p>How can I fix this behavior?</p>