对dataTables的粘性分页

时间:2013-12-13 15:40:14

标签: twitter-bootstrap datatables jquery-datatables

我刚刚在我正在开发的基于引导程序的项目上安装了dataTables。到目前为止,一切都像魅力一样。我试图设计一些东西以遵循我们现有的布局,我实际上想要成功的是将页脚保持在(下面)表格之下,但也使它坚持在内容的底部。

到目前为止我看到的所有示例都遵循相同的过程,分页根据行数跟随表高度。无论表格中有多少行,我都需要将它粘在页面底部。

提前致谢, ç

1 个答案:

答案 0 :(得分:3)

您只需将dataTable-footer的内容移动到您自己的粘性页脚即可。示例:

#footer {
    position: fixed;
    bottom: 1px;
    height: 30px;
    width: 100%;
    background-color: #ebebeb;
}
初始化时

var dataTable = $('#example').dataTable();
$("#example_info").detach().appendTo('#footer');
$("#example_paginate").detach().appendTo('#footer');

enter image description here

dataTables创建的所有元素都会在表单表ID + _some name上获取一个id。您没有提供任何代码示例,因此我只能猜测您的页脚中包含的内容。

在这个小提琴中看到上面的内容 - >的 http://jsfiddle.net/tPxD6/