jquery – Bootstrap表的自定义滚动条

前端之家收集整理的这篇文章主要介绍了jquery – Bootstrap表的自定义滚动条前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个使用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没有.

解决方法

这开箱即用.

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

只需使用:

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

这是一个工作example.

猜你在找的jQuery相关文章