jquery - Bootstrap Table 的自定义滚动条

Question

我使用 Bootstrap Table 和以下代码完成了一个 strip 表(来自 http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html 上的第一个示例)。我需要找到一种方法让滚动条看起来像 slimScroll ( http://rocha.la/jQuery-slimScroll ) 生成的滚动条。这是不可协商的客户要求。

<table data-toggle="table" data-url="data1.json" data-cache="false" data-height="299">
<thead>
    <tr>
        <th data-field="id">Item ID</th>
        <th data-field="name">Item Name</th>
        <th data-field="price">Item Price</th>
    </tr>
</thead>
</table>

问题:

1)这可行吗？如果可行的话，如何实现？

2)如果这对于 Bootstrap 表来说是不可能的，是否有一个库可以为 tbody 创建这种类型的滚动条？ (slimScroll 仅适用于 div，不适用于 tbody)

3)如果(1)和(2)都不可能，那么对于带有这种类型的滚动条的固定标题可滚动主体表实现，我有哪些选择？

编辑:

我无法创建功能齐全的 jsfiddle，因为 bootstrap-table 似乎没有通过外部资源加载。然而，我能够创建一个 jsfiddle，显示应用了 slimScroll 的 tbody 的作用。独立的 div 滚动效果很好。它后面的表格的正文没有。

Answer 1

这是开箱即用的。

检查生成的 Bootstrap 表元素，它没有滚动 <tbody>但包装 div 为 '.fixed-table-body' .

只需使用:

$(document).ready(function () {
  $('.fixed-table-body').slimScroll({});
});

这是一个工作 example .