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。 / p>

水平滚动无法使用数据表

2 个答案: