Javascript 将Datatable导出按钮移到表的底部

我已经在我的datatable中创建了一个导出选项，我希望它现在显示在表的下面，它显示在表的上面。讨论将显示在表格末尾分页旁边的下载按钮

$（文档）.ready（函数（）{
变量表=$（'#示例'）。数据表({
“响应”：是的，
dom:'Bfrtip'，
按钮：[
“复制”、“csv”、“excel”、“pdf”、“打印”
]
});
//点击“全部展开”按钮
$（“#btn显示所有子项”）。在（'click'，function（）上{
//展开行详细信息
log（'insideclick'）；
table.rows（“：not（.parent）”）.nodes（）到$（）.find（'td:first child'）.trigger（'click'）；
});
//点击“全部折叠”按钮
$（“#btn隐藏所有子项”）。在（'click'，function（）上{
//折叠行详细信息
table.rows（'.parent'）.nodes（）.to$（）.find（'td:first child'）.trigger（'click'）；
});
$（“#btn显示所有子项”）.trigger（'click'）；
});

---

这是小提琴

此按钮将导出按钮放置在桌子下方的中间位置

将此css添加到css文件：

您可以相应地编辑此css

.dt-buttons {
    /* margin-bottom: -7px; */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

---

此按钮将导出按钮放置在表格下方的中间位置

将此css添加到css文件：

您可以相应地编辑此css

.dt-buttons {
    /* margin-bottom: -7px; */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

---

在

dom

settings字符串中，将

B

放在字符串的末尾，如下所示：

dom: 'frtipB'

从文件中：

DataTables中的每个表控件元素都有一个字母 与之关联，以及它在此dom配置中使用的字母 选项以指示该元素将出现在文档中的位置 秩序

---

阅读更多信息：

在

dom

设置字符串中，将

B

放在字符串的末尾，如下所示：

dom: 'frtipB'

从文件中：

DataTables中的每个表控件元素都有一个字母 与之关联，以及它在此dom配置中使用的字母 选项以指示该元素将出现在文档中的位置 秩序

---

---

阅读更多：

可能重复的@BillP的可能重复感谢这项工作。您能告诉我如何将按钮对齐到中心吗？您可以使用此css:.dt按钮{text align:center；}@BillP是否可以在js文件而不是css上执行此操作？您可以尝试将css与jquery:@BillP一起应用，谢谢这项工作。你能告诉我如何将按钮对齐到中心吗？你可以使用这个css:.dt buttons{text align:center；}@BillP是否可以在js文件上而不是css上执行此操作？你可以尝试用jquery应用css：尝试过这个，但当我在google chrome上选中inspect时，它被删除了。什么是删除？不适用。我想出了一种使用CSS的不同方法。我能知道我们能改变寻呼的位置吗？无论我尝试什么，分页似乎占据了最正确的位置。这并没有改变，但找到了一个不同的解决方案。我使用了这个.dataTables_wrapper.dt buttons{float:none；text align:left；}是的，你也可以更改其他元素的css…只需检查并查看其类并将其用作dt buttons。这是干的，但当我在谷歌chrome上检查时，它是删除的。什么是删除？不适用。我想出了一种使用CSS的不同方法。我能知道我们能改变寻呼的位置吗？无论我尝试什么，分页似乎占据了最正确的位置。这并没有改变，但找到了一个不同的解决方案。我使用了这个.dataTables_wrapper.dt按钮{float:none；text align:left；}是的，您也可以更改其他元素的css…只需检查并查看它的类并将其用作dt按钮