Question

我使用的是jquery数据表，我想调整列的大小，有没有人知道怎么做？

 var table= $('#example').DataTable( {
                destroy: true,
                "aaData":data,


                "order": [[1, 'asc']]
            } );

Answer 1

var table= $('#example').DataTable( {
                destroy: true,
                "aaData":data,


                "order": [[1, 'asc']]
            } );
table.columns.adjust().draw();

Answer 2

编辑：在OP澄清他希望用户能够调整列的大小后，我评论说DataTables插件本身并没有带来这个功能。但是，他可以使用第三方插件来使该功能正常工作 - 由于大多数可用插件已过时，可能存在版本冲突：plugin

您可以将columnDefs数组传入DataTable() - 来电：

$('#table').DataTable({
    columnDefs: [
        {
            targets: [5],
            width: "8%",
        },
    ],
});

其中targets:是一个列索引数组，从0开始。

要定位多个列，您可以执行以下操作：

columnDefs: [
    {
        targets: [5],
        width: "8%",
    },
    {
        targets: [0, 1],
        width: "11%",
    },
    {
        targets: [2, 3],
        width: "30%",
    },
],

如需进一步了解columnDefs以及可用选项，请查看documentation。

Answer 3

您可以使用columns属性

进行调整

var table= $('#example').DataTable( {
                    destroy: true,
                    "aaData":data,      
                     "order": [[1, 'asc']],
                     "columns": [{ "width": "20%" },
                        null // depends upon columns you have 
                          ]
                } );

请参阅链接以获取更多说明https://datatables.net/reference/option/columns.width

如何使用jquery datatable调整列的大小

3 个答案: