Javascript 在表格底部显示页面长度

全部,

我正在使用Jquery数据表。我使用以下示例：

我想知道是否有办法在底部而不是顶部显示“显示10个条目”。它应该显示在“显示51个条目中的1到10个”之前。。在桌子的底部

我该怎么做

谢天谢地，

也遇到了类似的问题（想要删除一些不必要的控件），解决这个问题的唯一方法似乎是自己修改表。我使用了fnDrawCallback（）

你的情况会是这样的

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

只需检查该演示中生成的代码，它非常简单（除了没有格式或缩进）

如果不怕影响页面上的其他表，也可以使用类名而不是ID。它们的格式是

dataTables\u length

---

使用css进行其他样式设置。

方法是更改.js中的sDom，在其中定义表：

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

此外，您应该将.css更改为显示在“Showing…entries”旁边，因为这样它会显示在其上方

以下是sDom选项的说明：

允许以下选项：

• “l”-长度变化
• “f”-过滤输入
• “t”-桌子
• “i”-信息
• “p”-分页
• “r”-处理

允许使用以下常量：

• 'H'-jQueryUI主题“header”类（'fg-toolbar ui小部件header ui corner tl ui corner tr ui helper clearfix'））
• 'F'-jQueryUI主题“页脚”类（'fg-toolbar ui小部件页眉ui角bl ui角br ui帮助程序clearfix'）

应使用以下语法：

• ''-div元素
• ''-带有ID的div示例：
• ''ip>'

PS：这也可以帮助您：

---

下面是一个例子。本文档帮助很大：

我的数据表如下所示：

我还必须添加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">'
        });

$（'.data_table'）.DataTable({
“iDisplayLength”：20，
“阿伦提努”：[[10,20,50，-1]，[10,20,50，“全部”]，
“pagingType”：“简单编号”，
“语言”：{
搜索占位符：“搜索”，
搜索：“，
},
“dom”：“rt”
});

。请将相关信息直接添加到您的答案中。谢谢，这是我的第一个答案：）我会记下