Question

是否可以将数据表的滚动插件用于填充屏幕高度100％的数据表？

   $("#testtable").dataTable({
        "bServerSide": true,
        "sAjaxSource": sLoc +'/Test/getData',
        "sServerMethod": "POST",
        "bScrollInfinite": true,
        "sScrollY":"200px",
        "sDom": "frtiS",
        "oScroller": {
            "loadingIndicator": true
        }
    });

如果我将sScrollY选项更改为200px以外的其他内容，滚动条将消失。如果我也改变iDisplayLength值它似乎工作。是否有一项功能可以找出实际页面上可以容纳多少条目？

如果我想使用无限滚动，加载所有数据是没有意义的。但如果我加载到更少，滚动条就消失了。

Answer 1

我终于这样做了：

首先我计算了页面高度并减去了数据表特定div标签的高度。

$(".page").height()     - $(".dataTables_filter").outerHeight(true)
                        - $(".dataTables_scrollHead").outerHeight(true)
                        - $(".dataTables_info").outerHeight(true);

然后我为$("div.dataTable_scrollBody").height()

设置此值

对我而言，这是一种可接受的解决方法，也许对某人有帮助。

Answer 2

另一种方式如下..

var calc_datatable_height = function() {
  return Math.round(jQuery(window).height() - [some offset for headers etc]);
};

在表格设置中

scrollY: calc_datatable_height(),

Jquery Datatables Scroller插件全高

2 个答案: