显示页面长度在表格底部

全部，显示页面长度在表格底部

我正在使用Jquery数据表。我使用下面的例子：

DataTables with Pagination

我想知道是否有显示“显示10项”在底部而非顶部的方式。它应显示在“显示51个条目中的1到10”之前..在表格底部。

我该怎么做？

感谢

来源

2010-06-27 Jake

做到这一点的方法是改变sDom在.js文件，在其中定义表：

$('#TABLE_ID').dataTable({` 
    "sDom": 'Rfrtlip'`  
});

此外，你应该改变的CSS旁边的“显示出现...条目“，因为这种方式出现在它上面。

这是的sDom选项的说明：

以下选项允许：

'1' - 改变
'F' 长度 - 滤波输入
't' - 桌子！
的 'i' - 信息
'P' - 分页
'R' - 处理

以下常量被允许：

'H' - jQueryUI的主题“标题“类”（'fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix'）
'F' - jQueryUI主题“footer”classes（'fg-toolbar ui-widget -header ui-corner-bl ui-corner-br ui-hel每clearfix '）

以下语法预计：

' < '和 '>' - div元素
' < “类” 和 '>' - 一类的div
'< “#ID” 和 '>' - DIV与ID实例：
' < “包装” flipt>” 'IP>'

PS：这也可以帮助你：

datatables sDom

add-datatables-length-at-the-bottom-of-the-table

来源

2014-10-13 12:46:48

[在堆栈溢出时不鼓励链接回答]（http：// met a.stackexchange.com/questions/65277/are-link-only-answers-poor-practice）。请直接将相关信息添加到您的答案中。 – Chris 2014-10-13 13:05:00

谢谢，这是我的第一个答案:)我会记笔记 – 2014-10-13 13:12:53

有类似的问题（要删除一些不必要的管制），并处理它，似乎自己被修改表的唯一方法。我用fnDrawCallback回调（http://datatables.net/usage/callbacks）。

这将是这样的，你的情况

$('#tableId').dataTable({ 
    "fnDrawCallback": function() { 
     $('#tableId_info').prepend($('#tableId_length')); 
    } 
});

只是检查生成的代码在该演示中，它真的很简单（除了它没有格式化或压痕）。

如果您不害怕影响页面上的其他表格，您也可以使用类名替代id。他们的形式是dataTables_length。

使用css进行其他样式。

来源

2010-06-27 18:56:07

下面是一个例子。本文档有很大帮助：https://datatables.net/release-datatables/examples/basic_init/dom.html

我的数据表看起来像这样：

我也不得不在CSS中加入这一行：

.dataTables_length { 
    margin-top: 10px; 
    margin-left: 20px; 
}

的代码是：

$('.data_table').DataTable({ 
      "iDisplayLength": 20, 
      "aLengthMenu": [[10, 20, 50, -1], [10, 20, 50, "All"]], 
      "pagingType": "simple_numbers", 
      "language": { 
       searchPlaceholder: "Search", 
       search: "", 

      }, 
      "dom": '<"top"f>rt<"bottom"ilp><"clear">' 
     });

来源

2016-05-06 07:33:08

显示页面长度在表格底部

回答

相关问题