jQuery Datatables, добавляющие пользовательские элементы формы

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

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

Я хочу, чтобы это выглядело так: введите здесь описание изображения

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


person roflwaffle    schedule 18.02.2011    source источник
comment
не могли бы вы сказать мне, как стилизовать таблицу, как это или дать мне ссылку?   -  person Hossam Maher    schedule 05.01.2017


Ответы (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'>");
            }
     }
);
person Adam Prax    schedule 18.02.2011