水平滾動不工作使用數據表

Question

我有一個非常大的列，大約40列，並希望水平滾動，但它不工作。

$(document).ready(function() { 
    $('#example').dataTable({ 
      "oTableTools": { 
          "sScrollY": 200, 
          "sScrollX": "200%", 
          "sScrollXInner": "110%" 
      } 
    }); 
}); 

Answer 1

刪除scroll-x-inner可能會有幫助。

"sScrollXInner": "110%" 

它爲我工作。 來源 datatables.net/forums

Answer 2

最好的解決辦法是通過jQuery的與標籤內的目標表並創建斷線
標籤分離請參見下面的示例代碼

  $('#target_table').wrap("<div id='tableData' style='\n\ 
             overflow: auto;\n\ 
             overflow-y: hidden;\n\ 
             -ms-overflow-y: hidden\n\ 
             position:relative;\n\ 
             margin-right:5px;\n\ 
             padding-bottom: 15px;\n\ 
             display:block;\n\ 
            '>/");; 

      $("#tableData").before("<br/><br/>"); 

的問題是，如果你使用sScrollX或scrollX是不是所有的數據表插件版本支持這個功能，它也取決於我們正在使用的jquery平臺，並不是所有的瀏覽器都支持像該死的IE8,7和6.