Jquery plugins 为另一个DataTables列过滤器（Yadcf）实现水平滚动？

简而言之，在Jquery数据库中启用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"
            }]);

$（'displayList'）。数据表({
“bServerSide”：false，
“bJQueryUI”：没错，
“asStripClasses”：[“偶数”、“奇数ui状态默认值”]，
“oLanguage”：{“sProcessing”：“Loading…”，
“oLanguage”：{“sZeroRecords”：“无可用DLN”，“sEmptyTable”：“无可用DLN”}，
“bProcessing”：正确，
“bDeferRender”：没错，
“bLengthChange”：正确，
是的，
“bFilter”：没错，
“sPaginationType”：“完整编号”
})yadcf先生([{
列号：0，
过滤器类型：“文本”
}, {
列号：1，
过滤器类型：“文本”
}, {
列号：2，
过滤器类型：“文本”
}, {
列号：3，
过滤器类型：“文本”
}, {
列号：4，
过滤器类型：“文本”
},
{
列号：5，
过滤器类型：“文本”
},
{
列号：6，
过滤器类型：“文本”
},
{
列号：7，
过滤器类型：“文本”
},
{
列号：8，
过滤器类型：“文本”
},
{
列号：9，
过滤器类型：“文本”
},
{
列号：10，
过滤器类型：“文本”
},
{
列号：11，
过滤器类型：“文本”
},
{
列号：12，
过滤器类型：“文本”
},
{
列号：13，
过滤器类型：“文本”
},
{
列号：14，
过滤器类型：“文本”
},
{
列号：15，
过滤器类型：“文本”
},
{
列号：16，
过滤器类型：“文本”
},
{
列号：17，
过滤器类型：“文本”
},
{
列号：18，
过滤器类型：“文本”
},
{
列号：19，
过滤器类型：“文本”
},
{
列号：20，
过滤器类型：“文本”
},
{
列号：21，
过滤器类型：“文本”
},
{
列号：22，
过滤器类型：“文本”
}]);

---

有人能为这个插件实现水平滚动吗？我无法获得适合我的解决方案。

只需添加Datatable选项即可

     "sScrollX": "100%",

---

我希望这将帮助您

yadcf确实支持sScrollX/sScrollY（以及scrollX/scrollY），因为0.8.5.beta.4版本，您可以

JSFIDLE似乎无法工作（404）？非常感谢您……现在它是一个完美的过滤器！