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

Posted 2023-05-07

【中文标题】水平滚动不使用数据表工作

【英文标题】：horizontal scroll not working using datatables

【发布时间】：2013-08-20 19:20:46

【问题描述】：

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

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

【问题讨论】：

缺少关闭);

抱歉，发帖错误。它不缺少关闭 );不过问题。

这个 q/a 可能对你有帮助 ***.com/questions/18049935/…

似乎在工作jsfiddle.net/QS9pw

【参考方案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。