水平滚动不使用数据表工作答案

【问题标题】：horizontal scroll not working using datatables水平滚动不使用数据表工作
【发布时间】：2023-04-09 21:09:01
【问题描述】：

我有一个非常大的列，大约 40 列，想要水平滚动，但它不起作用。

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

【问题讨论】：

缺少关闭});
抱歉，发帖错误。它不缺少关闭 });不过问题。
这个 q/a 可能对你有帮助 stackoverflow.com/questions/18049935/…
似乎在工作jsfiddle.net/QS9pw

标签： jquery jquery-datatables

【解决方案1】：

移除 scroll-x-inner 可能会有所帮助。

"sScrollXInner": "110%"

它对我有用。资源 datatables.net/forums

【讨论】：

【解决方案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。

【讨论】：