DataTables.net columns.width不起作用

Question

我正在使用https://datatables.net插件来显示表格。

我想尽可能宽地改变第一列宽度。

但是当我将其配置为以下手册时，列宽不会改变：

https://datatables.net/reference/option/columns.width

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

我创建了JsFiddle：https://jsfiddle.net/AntonyBaasan/btjg433y/2/

我在这里缺少什么？

Answer 1

您只需添加此行以根据自己增加列的宽度。

   <th style="width:500px">Name</th>

Answer 2

设置表格的宽度

<div id="divexample" style="overflow-x: auto"> 
<table id="example" style="width: 500px;" >
    <thead>
        <!--Header row-->
        <tr>

         </tr>
    </thead>
    <!--Data row-->
    <tbody>

    </tbody>
</table>
</div>