如何将固定宽度设置为数据表列？

我知道这里已经讨论过了，所以我先回答了所有答案，但仍然存在一些问题。如何将固定宽度设置为数据表列？

我有一张带有更多文本的评论栏，然后是其他人的表....我想为所有栏设置固定大小，只为评论栏设置不同的大小 - 或者只是为了突破行 - 不知道什么是最好的方式...希望你能帮助我。

我没得到这个代码工作：

bAutoWidth: false , 
    "aoColumnDefs": [ 
    { "sWidth": "20%", "aTargets": [ 0 ] }, 
    { "sWidth": "5%", "aTargets": [ 1 ] }, 
    { "sWidth": "10%", "aTargets": [ 2 ] }, 
    { "sWidth": "5%", "aTargets": [ 3 ] }, 
    { "sWidth": "40%", "aTargets": [ 4 ] }, 
    { "sWidth": "5%", "aTargets": [ 5 ] }, 
    { "sWidth": "15%", "aTargets": [ 6 ] } 
    ],

下面是该项目的一个样本（在生产中有更多的列有更多的文字） Plunker

来源

2017-04-24 RoyBarOn

看一看这个链接https://datatables.net/reference/option/columns.width – Niraj

感谢 - 正如我所说 - 我看着它了。 – RoyBarOn

尝试使用链接中提供的相同代码？它工作吗？ – Niraj

第一;你需要在你的css文件中做一些小改动;

#example > tbody > tr > td { 
    white-space: nowrap; 
}

会;

#example > tbody > tr > td { 
    word-break: break-all; 
}

此更改将打破长文本的界限。如果您仍然想要更改特定列的宽度，则应该使用属性DataTables。喜欢;

"columnDefs": [{ "width": "200px", "targets": 3 }]

修改例如：Plunker

来源

2017-04-24 12:29:12

没有任何文字可以描述我的感激！ – RoyBarOn

如何设置大小为10px以下？所有10 px以上工作正常....低于10像素 - 没有任何更改 – RoyBarOn

它不能低于标题（评论）宽度。 –

如何将固定宽度设置为数据表列？

回答

相关问题