Переместить кнопку экспорта данных в конец таблицы

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');
});

Это скрипка https://jsfiddle.net/x5q3anys/

Answer 1

В dom строке настроек, поместите B в конец строки следующим образом:

dom: 'frtipB'

Из документации:

Каждый элемент управления таблицей вС DataTables связана одна буква, и эта буква использовалась в этом параметре конфигурации dom, чтобы указать, где этот элемент будет отображаться в порядке документа.

Подробнее: документация

Answer 2

Эта кнопка экспорта позиций расположена под таблицей в центре

Добавить этот CSS в файл CSS:

Вы можете редактировать этот CSS соответственно

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