在DataTable

Question

我有一个数据表，它给出了巨大的成果。直到现在我的表格格式为：

头

足

体

但是现在，我有了新的要求，占用了比以前更多的空间..（新字段和许多记录），所以我将scrollx和scrolly实现到我的数据表中。不幸的是，它破坏了我漂亮的表格格式：

头

体

＆LT;水平滚动条＆gt;

足。

我如何实现两者？

我已经跟随了无数的SO答案，但由于我的项目要求，我总是做不到。 我用我的页脚进行过滤。

代码：

$('.table-responsive').html(response);
        $('#results_table tr td:first-child').css( 'cursor', 'pointer');
            $('#failure_summary').hide();
            removejscssfile("/static/js/jquery.dataTables.min.js", "js");
            //removejscssfile("/static/js/dataTables.fixedHeader.js","js");
            addScript("/static/js/jquery.dataTables.min.js");
            //addScript("/static/js/dataTables.fixedHeader.js");
            $('[data-toggle="tooltip"]').tooltip();                     
            table = $('#results_table').DataTable( {
                orderCellsTop: true,
                fixedHeader: {
                    header: true,
                    footer: true
                },
                "scrollY": 400,
                "scrollX": true,
                'scrollCollapse': true,
                'bDestroy': true,
                initComplete: function () {},
                'autowidth': false
            });
        ````

我使用了CSS：

tfoot {
    display: table-header-group;
}

这在我添加滚动条之前有效。请帮助让我的页脚回到头部和身体上方。

我使用的参考：

How to place DataTables column filter on top

jquery datatables server side - filter column on top

编辑： https://jsfiddle.net/LjxeL5hu/这是给我一个解决方案的最接近的，但是在这个中，dataTable创建在jquery中，而我在一个从AJAX调用成功调用的函数中有。所以.onkeyUp如果我把它放在函数之外，对我来说不起作用。 （表和列变量不存在错误）。

感谢。