Datatable id кнопка по умолчанию

Question

Я использую datatables , и я построил свой код следующим образом:

  table = $('#examples').DataTable({
    "ajax": {
        type: "POST",
        url: "./../../" + "/back-end/switch-ajax-listening/switch-ajax-listening.php",
        dataType: "json",
        data:
            {
                actionId: "page1GetAll"
            }

    },
    responsive: true,


    "columns": [
        { "data": "idSelectPacketName"},
        { "data": "idSelectCompany" },
        { "data": "idSelectDesigner1" },
        { "data": "idSelectDesigner2" },
        { "data": "idSelectDesigner3" },
        { "data": "idSelectDesigner4" },
        { "data": "idSelectDesigner5" },
        { "data": "idSelectManufacturer" },
        { "data": "idSelectorProductSector" },
        { "data": "idSelectorProductionYear" },
        { "data": "idSelectorNation" },
        { "data": "idSelectorTypology" },
        { "data": "idHeightInput"},
        { "data": "idLengthInput" },
        { "data": "idVolumeInput" },
        { "data": "idWeightInput" },
        { "data": "nameOutMouseOrImage1" },
        { "data": "nameOverMouseOrImage2" },
        {"data":null,"defaultContent":"<button>View</button>"}

    ],
});

var buttons = new $.fn.dataTable.Buttons(table, {

    "buttons": [

        {
            extend: 'colvis',
            postfixButtons: [ 'colvisRestore' ],
            container : '#colvis',
            columns: '0,1,2,3,4,5'
        },
        'copyHtml5',
        'excelHtml5',
        'csvHtml5',
        'pdfHtml5'
    ],
}).container().appendTo($('#buttons'));

$('div.dataTables_filter').appendTo('#buttons');

$("div.toolbar").html('<b>Custom tool bar! Text/images etc.</b>');

Это работает очень хорошо, но мне нужно переместить некоторый элемент, используя идентификатор.Действительно, в конце моего кода я переместил некоторые элементы в новый div, используя их id, но я не смог найти все id.Более подробно я не нахожу этот идентификатор:

Я указал оранжевым и синим цветом.

У вас есть какие-нибудь идеи, как называется их идентификатор?

Answer 1

Полагаю, вы ищете Datatable dom позиционирование

Вы можете расположить каждый компонент в любом порядке, например,

$('#example').DataTable( {
    "dom": '<"top"i>rt<"bottom"flp><"clear">'
});

, где переменные

l - Length changing
f - Filtering input
t - The Table!
i - Information
p - Pagination
r - pRocessing

Вы можете изменить порядок irtflp, если хотите

Подробнее здесь