Question

我使用Bootstrap Table完成了一个带有以下代码的条带表（来自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滚动很好。跟随它的表的tbody没有。

Answer 1

这开箱即用。

检查生成的引导程序表元素，它不会滚动<tbody>而是滚动'.fixed-table-body'的包装div。

只需使用：

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

这是一个有效的example。

Bootstrap表的自定义滚动条

1 个答案: