jquery数据表滚动条定位

jquery datatable scrollbar positioning

本文关键字：定位 滚动条 数据表 jquery      更新时间：2024-04-10

我的jquery数据表有问题。我试图将垂直滚动条定位在实际的表中，即选项卡的边界内。默认行为是将滚动条定位在最后一列旁边，即位于表外。我正在为我的表使用引导css。

代码在这里http://live.datatables.net/fopilode/1/edit

我似乎已经设法找到了解决方案。我为实际的表包装添加了一个边框，如下所示：

.dataTables_wrapper .dataTables_scroll {
    border: 1px solid #ccc;
    margin: 1.5rem 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

解决方案的JSbin在这里：http://live.datatables.net/fopilode/17/edit

我也处理过圆角。现在出现了2个新问题：1） 使用bootstrap中的表边界类在左侧提供了一个双边界。我一直在尝试使用css来删除表的外部边界，但仍然保留表的td的内部边界。

2） 启用垂直滚动后，列标题似乎无法与不同浏览器中的行完全对齐。我已经尝试过溢出无包装修复，但这似乎不起作用。

如能就上述两个问题提供任何协助，我们将不胜感激。

相关文章：