jquery - 水平滚动不使用数据表工作

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。