让jscrollpane处理包含datatables表的div

时间:2013-02-13 01:45:14

标签: datatables jquery-jscrollpane

逻辑和设置:

'wrapper'div是设定的高度和宽度。

jscrollpane设置为应用于'wrapper'div。

'wrapper'div包含datatables表的一个实例上面的文本(它本身在另一个div中)。

期望的结果:jscrollpane应用于'wrapper'div。

当前结果:jscrollpane没有出现,'wrapper'div不是可滚动区域。

我没有指向测试网站的链接,并且在jsfiddle中设置这个链接会很麻烦(但我会立即开始并尽快发布链接)。

更新:嗯,我似乎让它在jsfiddle (http://jsfiddle.net/rwone/AGf9M/)上工作,但没有测试网站:(

也许是因为在测试网站上我使用数据库中的数据,并且在数据加载之后,数据表表的高度才出现?因此滚动窗格不会被触发?我不知道:(

$(document).ready(function() {
$('#example').dataTable();
$('#wrapper').jScrollPane();
} );

jscrollpane可以在包含嵌套div和表的div上工作吗?或者它可能只是jscrollpane和datatables脚本之间的冲突(firebug显示没有错误)?

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

解决方案似乎是设置表格的高度:

"sScrollY": "300",
"bScrollCollapse": false

这以某种方式给了jscrollpane足够的信息来触发创建一个滚动区域来容纳高度。