Динамически создавать нижний колонтитул для DataTables с помощью скроллера - вставлены два нижних колонтитула - PullRequest
0 голосов
/ 02 июля 2019

У меня есть DataTable, который получает определения столбцов и данные в вызове Ajax.Приведенный ниже пример и jsbin упрощены и предназначены только для иллюстративных целей, но в основном я настраиваю фильтрацию отдельных столбцов, за исключением определенных столбцов (на основе этих определений столбцов).В DataTables есть пример фильтрации отдельных столбцов на

https://datatables.net/examples/api/multi_filter.html

. Это работает хорошо, но когда я изменяю инициализацию таблицы и добавляю вертикальный скроллер, я получаю два нижних колонтитула - одинв dataTables_scrollBody и другой в dataTables_scrollFoot

Для определенных ячеек нижнего колонтитула я хочу отключить фильтрацию столбцов и вместо этого применить пользовательский поиск, и я делаю это, применяя класс к этим ячейкам.В примере, который я установил, это класс customSearch.Когда я добавил вертикальную прокрутку, мой пользовательский поиск перестал работать, и это было потому, что мой $('.customSearch').val() больше не находит значение, введенное в ячейку.Тогда я проверил длину и понял, что селектор вернул два элемента, а не один, как это было до включения вертикальной прокрутки.

Надеюсь, вышеприведенное имеет смысл, но, короче ...

Таблица с верхними и нижними колонтитулами генерируется динамически на основе вызова Ajax.Фильтрация отдельных столбцов работает, но когда я изменяю инициализацию DataTable для добавления вертикальной прокрутки, вставляются два нижних колонтитула, и это нарушает мой пользовательский поиск.Я неправильно настраиваю таблицу или почему у меня два нижних колонтитула?

Пример настройки можно найти по адресу

https://jsbin.com/madenupuzi/

Заранее спасибоза вашу помощь

...