datatables 表格固定高度和拖动列宽
时间: 2023-06-20 13:04:34 浏览: 416
能够固定行列,拖动列宽度,交换列位置,列排序,拖动窗口大小的表格
4星 · 用户满意度95%
要固定 DataTables 表格的高度,可以在初始化代码中使用 `scrollY` 选项。例如:
```javascript
$('#myTable').DataTable({
scrollY: 200, // 设置表格高度为 200 像素
// 其他选项...
});
```
要允许用户拖动列宽,可以在初始化代码中使用 `colReorder` 插件和 `resize` 选项。例如:
```javascript
$('#myTable').DataTable({
colReorder: true, // 启用列重排插件
resize: true, // 允许用户拖动列宽
// 其他选项...
});
```
这样,用户就可以在表头上拖动列边缘来调整列宽了。注意,这需要引入 `colReorder` 插件的 JavaScript 和 CSS 文件,可以从 DataTables 官网下载。
阅读全文