JQuery Datatables добавление пользовательских элементов формы

Question

У меня есть установка datatables с базовым init.Я хочу иметь возможность иметь флажки и кнопку отправки под таблицей.Есть ли способ настроить информационную «строку» под таблицей?

Вот как это выглядит, если я просто добавлю кнопку отправки после таблицы

Это то, что яхочу, чтобы это выглядело как

Мне нужно решение, которое учитывает включение или отключение Javascript.

Answer 1

Требование к решению, которое учитывает отключение Javascript, невозможно, поскольку информационная строка генерируется только при инициализации DataTable.

Информационная строка заключена в тег div, который получает свой идентификаторна основе идентификатора инициализированной таблицы.

Например, если ваша таблица была объявлена ​​так:

<table id='myTable'> </table>

Строка информации будет отображаться в вашей DOM как

<div id='myTable_info' class='dataTables_info'> Showing 1 to 2 of 2 entries </div>

Чтобы добавить кнопку «удалить» к вашей информационной строке, вам нужно использовать fnDrawCallback для включения кнопки каждый раз при визуализации таблицы.

$("#myTable").dataTable(
     {
           "fnDrawCallback": function()
            {
                 $("#myTable_info").prepend("<input type='button' value='Remove'>");
            }
     }
);