Datatables скрипт DOM

Question

Я использую datatables , и я создал этот код JavaScript

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

        },
        dom : "B<'row'<'col-sm-6'l><'col-sm-6'f>><'row'<'col-sm-12'tr>><'row'<'col-sm-5'i><'col-sm-7'<'#colvis'>p>>",
        "buttons": [

            {
                extend: 'colvis',
                postfixButtons: [ 'colvisRestore' ],
                container : '#colvis',
                columns: '0,1,2,3,4,5'
            }
        ],
        responsive: true,

        "columns": [
            { "data": "idSelectPacketName"},
            { "data": "idSelectCompany" },
            {"data":null,"defaultContent":"<button>View</button>"}

        ], 
    });

Это работает очень хорошо, но я не могу понять эту часть:

"B<'row'<'col-sm-6'l><'col-sm-6'f>><'row'<'col-sm-12'tr>><'row'<'col-sm-5'i><'col-sm-7'<'#colvis'>p>>"

Я не написал эту строку, которую скопировал из примера, но не могу понять, как она работает.Или вы знаете руководство, которое очень хорошо понимает эту строку?

Поскольку моя проблема в том, что иногда кнопка не совпадает с таблицей, есть ли у вас какие-либо идеи для ее решения?Спасибо.

Answer 1

Это немного ненадежно , как признается сам автор , а пока вам нужно поместить ключевые слова Datatables в правильные места среди тегов html. Что-то вроде:

 dom : "<'row'<'col-sm-6'lB><'col-sm-6'f>><'row'<'col-sm-12'tr>><'row'<'col-sm-5'i><'col-sm-7'<'#colvis'>p>>",

(поместив 'B' после 'l')

Вам также может понадобиться использовать CSS для получения нужного макета.