Можно ли поместить DataTable на родительский элемент страницы и в модал со страницы; у каждого своя инициализация? - PullRequest
0 голосов
/ 07 июня 2019

У меня есть страница с таблицей данных.В одном из столбцов есть коллекция данных, представленных именем, а во втором столбце есть ссылка, которая вызовет модальное окно со вторым объектом DataTable.Когда модальное состояние начинает отображаться, я получаю типичную ошибку инициализации DataTable:

"Предупреждение DataTables: table id = tablename - Невозможно повторно инициализировать DataTable. Для получения дополнительной информации об этой ошибке см. http://datatables.net/tn/3"

На самом деле это могут быть 2 вопроса:

  1. Можно ли загрузить 2 таблицы данных на одну страницу с 2
    совершенно разными настройками инициализации?
  2. Можно ли загрузить 2 DataTables на одну страницу, при этом 1 из них находится в модальном режиме, и оба с 2 совершенно разными настройками инициализации?

Я пытался включить "Destroy: true", чтобы закрыть одну инициализациюдля того, чтобы второй занял место.

Я пытался ввести CSS манипуляции с модальным DataTable на страницу, а не импортировать их из файла site.css (так как родительский DataTable использует)

Я пытался выполнить $("#modalTable").DataTable().ajax.reload() после модального отображения.

columnDefs: [
                {
                    "targets": [1,2,3],
                    "className": "text-center"                            
                }
            ],
            pagingType: "simple_numbers",
            language: {
                search: '<div class="input-group">' +
                    '<span class="input-group-addon"style="background-color: white;"><i class="glyphicon glyphicon-search"></i></span> _INPUT_' +
                    '</div>',
                searchPlaceholder: 'Search for a Value...',
                lengthMenu: '<div class="input-group"><span class="input-group-addon" style="background-color: white;"><i class="glyphicon glyphicon-list"></i></span>' +
                    '<select class="form-control">' +
                    '<option value="15" selected> 15 </option>' +
                    '<option value="25"> 25 </option>' +
                    '<option value="50"> 50 </option>' +
                    '<option value="-1"> Everything </option>' +
                    '</select></div>',
                paginate: {
                    previous: '<span class="formats_previous">Previous</span><span><i class="glyphicon glyphicon-chevron-left"></i></span>',
                    next: '<span class="formats_next">Next</span><span><i class="glyphicon glyphicon-chevron-right"></i></span>'
                }                        
                }

Ожидается DataTable on родительская страница будет отображаться с желаемыми манипуляциями инициализации в dom/pagination/language/etc, и когда вы нажимаете ссылку / кнопку, чтобы вызвать модал, который он загружает со всеми его конкретными / отдельными манипуляциями инициализации в dom / pagination / language / etc.

Не могли бы вы посоветовать мне правильное решение для моего случая?Спасибо.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...