jquery-plugins - 为另一个 DataTables 列过滤器 (Yadcf) 实现水平滚动？

Question

简而言之，在 Jquery Datables 中启用 scrollX/scrollY 会隐藏列过滤器插件:https://github.com/vedmack/yadcf/issues/43

我把我的一些代码放在这里:

http://jsfiddle.net/LAeVx/6/

我的主要代码:

$('#displayList').dataTable({
                "bServerSide": false,
                "bJQueryUI": true,
                "asStripClasses": ['even', 'odd ui-state-default'],
                "oLanguage": { "sProcessing": "<div class='processing-div ui-state-focus w120 ui-corner-all'><div style='float:left;'><img src='Styles/images/Spinner.gif'></div><div style='float:left;margin:10px 5px;'>Loading...</div><div class='cleardiv'></div></div>" },
                "oLanguage": { "sZeroRecords": "No dlns available", "sEmptyTable": "No dlns available" },
                "bProcessing": true,
                "bDeferRender": true,
                "bLengthChange": true,
                "bDestroy": true,
                "bFilter": true,
                "sPaginationType": "full_numbers"
            }).yadcf([{
                column_number: 0,
                filter_type: "text"
            }, {
                column_number: 1,
                filter_type: "text"
            }, {
                column_number: 2,
                filter_type: "text"
            }, {
                column_number: 3,
                filter_type: "text"
            }, {
                column_number: 4,
                filter_type: "text"
            },
             {
                column_number: 5,
                filter_type: "text"
            },
            {
                column_number: 6,
                filter_type: "text"
            },
            {
                column_number: 7,
                filter_type: "text"
            },
            {
                column_number: 8,
                filter_type: "text"
            },
            {
                column_number: 9,
                filter_type: "text"
            },
            {
                column_number: 10,
                filter_type: "text"
            },
            {
                column_number: 11,
                filter_type: "text"
            },
            {
                column_number: 12,
                filter_type: "text"
            },
            {
                column_number: 13,
                filter_type: "text"
            },
            {
                column_number: 14,
                filter_type: "text"
            },
            {
                column_number: 15,
                filter_type: "text"
            },
            {
                column_number: 16,
                filter_type: "text"
            },
            {
                column_number: 17,
                filter_type: "text"
            },
            {
                column_number: 18,
                filter_type: "text"
            },
            {
                column_number: 19,
                filter_type: "text"
            },
            {
                column_number: 20,
                filter_type: "text"
            },
            {
                column_number: 21,
                filter_type: "text"
            },
             {
                column_number: 22,
                filter_type: "text"
            }]);

有人能为这个插件实现水平滚动吗？我找不到适合我的解决方案。

Answer 1

自 0.8.5.beta.4 版本以来，yadcf 确实支持 sScrollX/sScrollY(和 scrollX/scrollY)，您可以 grab it from here