У меня есть страница с таблицей данных.В одном из столбцов есть коллекция данных, представленных именем, а во втором столбце есть ссылка, которая вызовет модальное окно со вторым объектом DataTable.Когда модальное состояние начинает отображаться, я получаю типичную ошибку инициализации DataTable:
"Предупреждение DataTables: table id = tablename - Невозможно повторно инициализировать DataTable. Для получения дополнительной информации об этой ошибке см. http://datatables.net/tn/3"
На самом деле это могут быть 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.
Не могли бы вы посоветовать мне правильное решение для моего случая?Спасибо.