Удалить и заменить кнопку в datatables

Question

Я интегрировал данные Таблицы в моем проекте, и его работа фантастична, но теперь, поскольку мне не нужно количество записей [фильтр], и поэтому я удалил его, используя

display:none 

в моей таблице стилей, и теперь мне нужно, чтобы я не знал, как переместить кнопку «Добавить новую» на место фильтра ввода [на изображении ниже]. Любая помощь будет оценена по достоинству. Заранее спасибо .....

Answer 1

Я предполагаю, что вы используете JQuery DataTables Plugin.

1 - Снятие длины Selector

Чтобы удалить номер селектора записей, вы должны настроить элементы DOM/позиционирование соответственно, что позволяет избежать добавления вместо того, чтобы просто скрывая некоторые элементы. Плагин имеет пример:

http://www.datatables.net/release-datatables/examples/basic_init/dom.html

В sDom Документах

http://datatables.net/ref#sDom

первое, что вам нужно сделать, это удалить "л" из sDom: "lfrtip" (если bJQueryUI ложно) или sDom: '<"H"lfr>t<"F"ip>' (если bJQueryUI истинно), что означает, что вы удалите виджет выбора длины.

2 - Размещение другого виджета, где длина селектор будет помещен

Вот про CSS. Я предполагаю, что ваш новый виджет размещен непосредственно перед таблицей данных. Это позволит поплавки из раньше:

div.dataTables_wrapper { clear: none; } 

Поиск входного редактирования является float: right; и таблица имеет clear: both; по умолчанию. Таким образом, вы можете сделать свою кнопку добавления float: left;, и это должно решить вашу проблему.

См. jsfiddle I've done with that.

Answer 2

Теперь это выглядит после добавления

float:left