javascript - 将数据表导出按钮移至表底部

Question

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

$(document).ready(function (){
    var table = $('#example').DataTable({
        'responsive': true,
         dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    });

    // Handle click on "Expand All" button
    $('#btn-show-all-children').on('click', function(){
        // Expand row details
        console.log('Inside click');
        table.rows(':not(.parent)').nodes().to$().find('td:first-child').trigger('click');
    });

    // Handle click on "Collapse All" button
    $('#btn-hide-all-children').on('click', function(){
        // Collapse row details
        table.rows('.parent').nodes().to$().find('td:first-child').trigger('click');
    });

    $('#btn-show-all-children').trigger('click');
});

这是 fiddle https://jsfiddle.net/x5q3anys/

Answer 1

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

dom: 'frtipB'

来自文档:

Each table control element in DataTables has a single letter associated with it, and that letter it used in this dom configuration option to indicate where that element will appear in the document order.

了解更多:documentation