dataTable某列内容过长的话,自动调节列宽,只显示部分内容,鼠标悬空显示全部
时间: 2024-03-01 20:54:31 浏览: 185
您可以使用 DataTables 的列宽自动调整选项来实现这个功能。设置列宽自动调整选项可以让 DataTables 根据列中内容的长度来自动调整列的宽度。
您可以使用 `columns.adjust()` 方法来启用自动调整列宽功能:
```javascript
var table = $('#example').DataTable({
columnDefs: [
{ width: '20%', targets: 0 }
]
});
table.columns.adjust().draw();
```
在上面的例子中,我们将第一列的宽度设置为 20%。通过调用 `columns.adjust()` 方法,DataTable 将会自动调整每列的宽度,并且只显示部分内容。当您将鼠标悬停在单元格上时,将会显示全部内容。
注意:如果您使用 DataTables 的自动宽度选项,自动宽度可能会覆盖您的列宽设置。因此,您需要禁用自动宽度选项,才能使用 `columns.adjust()` 方法来自动调整列宽。
阅读全文