将数据表导出按钮移到表底部

时间:2019-06-14 09:20:17

标签: jquery angularjs datatable

我已经在数据表中创建了导出选项,我希望它现在显示在表下方。谈论可能要在分页旁边的表格末尾显示下载按钮。

2019-01-01T00:00:00 and 2019-03-31T23:59:59

这是小提琴https://jsfiddle.net/x5q3anys/

2 个答案:

答案 0 :(得分:1)

dom设置字符串中,将B放在字符串的末尾,如下所示:

dom: 'frtipB'

从文档中:

  

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

了解更多:documentation

答案 1 :(得分:0)

此位置将导出按钮置于表格中心下方

将此CSS添加到CSS文件:

您可以相应地修改此CSS

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