Question

我遇到了jquery数据表的问题。我试图将垂直滚动条放在实际表格内，即在tabke的边界内。默认行为是将滚动条放在最后一列的旁边，即表格外。我正在为我的桌子使用bootstrap css。

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

Answer 1

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

.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中的table-bordered类在左侧给出一个双边框。我一直在尝试使用css进行顶级游戏以移除表格的外边框，但仍保留表格的内部边框。

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

对上述两个问题的任何帮助将不胜感激。

jquery数据表滚动条定位

1 个答案: