2013-02-13 48 views
0

的邏輯和設置:讓jscrollpane在包含數據表表格的div上工作

'wrapper'div是一組高度和寬度。

jscrollpane設置爲應用於'包裝'div。

'包裝'div包含datatables表(它本身在另一個div中)的實例上方的文本。

預期結果:jscrollpane應用於'wrapper'div。

當前結果:jscrollpane未顯示,'wrapper'div不是可滾動區域。

我沒有鏈接到一個測試網站,並在jsfiddle中設置這將是一個愚蠢的(但我現在就開始,並張貼鏈接儘快)。

更新:嗯,我似乎有它在的jsfiddle (http://jsfiddle.net/rwone/AGf9M/)但不是試驗現場工作:(

也許是因爲在測試現場我使用數據庫中的數據和的高度我數據表表是不存在的,直到數據加載之後?因此滾動面板沒有被觸發?我不知道:(

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

可以包含嵌套DIV和表一個div JScrollPane的工作?或者是它可能只是jscrollpane和數據表腳本之間的衝突(firebug顯示沒有錯誤S)?

任何想法?

回答

0

的解決方案似乎是設置表格的高度有:

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

這在某種程度上給了JScrollPane的足夠的信息來觸發創建一個滾動區域,以適應高度。