我正在使用 DataTables 表组件,其中一列包含很长的数据行。目前,这些数据基本上是通过将列宽扩展到适合数据所需的宽度来显示的,从而添加了水平滚动条。
我想限制列像这样延伸并限制文本换行。
这就是当前代码的样子
var dt = $(document).ready(function() {
var dt =$('#feedback-data-table').DataTable( {
ajax: {
url: "http://127.0.0.1:7101/Oats/rest/v1/testidmap?onlyData=true&limit=999",
dataSrc: "items"
},
columns: [
{ title: "Test Name", data: "TestName" },
{ title: "User Activity Info (~ separated)", data: "Useractivityinfo"}
]
} );
} );
请告知如何实现这一目标。像这样添加 width:"100px"是行不通的。
最佳答案
SOLUTION
您可以对包含不带任何空格的长文本的列使用CSS规则word-break:break-all;
来在任何字符之间断开单词。
JavaScript
$(document).ready(function (){
var table = $('#example').DataTable({
columnDefs: [
{ targets: 5, className: "word-break-all" }
]
});
});
CSS:
.word-break-all {
word-break:break-all;
}
参见word-break
了解更多信息。
DEMO
参见this jsFiddle用于代码和演示。
关于javascript - 数据表列属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34735652/