Bootstrap表的自定义滚动条
我使用Bootstrap Table完成了一个带有以下代码的条带表(来自http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html上的第一个例子)。 我需要找到一种滚动条看起来像slimScroll( http://rocha.la/jQuery-slimScroll )生成的方法。 这是一个不可协商的客户要求。
Item ID Item Name Item Price
问题:
1)这是可行的,如果是的话 – 如何?
2)如果这对于bootstrap表不可行,是否有一个库可以为tbody创建这种类型的滚动条? (slimScroll仅适用于div,而非tbody)
3)如果(1)和(2)都不可能,那么对于带有这种滚动条的固定标题可滚动体表实现,我的选择是什么?
编辑:
我无法创建一个function齐全的jsfiddle,因为bootstrap-table似乎不会通过外部资源加载。 然而,我能够创建一个jsfiddle,显示应用了slimScroll的tbody。 一个独立的div滚动很好。 跟随它的表的tbody没有。
这开箱即用。
检查生成的引导表元素,它不是滚动
而是滚动'.fixed-table-body'
的包装div。
只需使用:
$(document).ready(function () { $('.fixed-table-body').slimScroll({}); });
这是一个有效的例子 。