Question

我的数据表从弹簧控制器获取数据并填充数据表。如果数据在单词之间包含空格，则数据表行中的Message列正确显示。

如果消息列包含不包含空格的大单词，则列溢出并继续执行表格的边框。我想设置数据表的列宽，以便在一些文本和正确显示之后它会中断

<table id="user">
<thead>
<tr class="theader">

<th>Order Id</th>
<th>Message</th>
<th>Date Created</th>

</tr>
</thead>
<tbody>
</tbody>
</table>

<script>                                        
$("#user").dataTable({
            "bFilter": false,
            "bAutoWidth": false,
            "bProcessing" : false,
            "bServerSide" : true,
            "sAjaxSource" : "./getLogDetails.cpm"
});
</script>

如何为此数据表设置列宽？谢谢！

Answer 1

您可以像这样更改列的宽度：

$("#user").dataTable({
    "aoColumnDefs": [
        { "sWidth": "200px", "aTargets": [1] } // 1 would be the 2nd column
    ]
});

你也可以使用＆＃34; sClass＆＃34;向该列中的每个单元格添加一个类，并在CSS中为其设置样式。

请注意，这将使用最新版本的DataTables（1.10），但他更改了1.10中的表示法，您应该使用＆＃34; DataTable＆＃34;，＆＃34; columnDefs＆＃34;，＆＃34 ; width＆＃34;，＆＃34; className＆＃34;和＆＃34;目标＆＃34;而不是匈牙利的记谱法。

如何在datatables jquery中增加列宽大小

1 个答案: