Как я могу сделать свой элемент select2 с datatables и pagination?

108
11

Мой элемент select2 хорошо работает с моей jquery datatable:

  var table = $('#table').DataTable({
"ajax": {
"url": "data/table.json",
"dataSrc": "",
},

"columnDefs": [
{
"render": function (data, type, row) {
return '<select class="form-control select2" ><option selected value="one">one</option><option value="two">two</option></select>';
},
"targets": 0
},
],

"columns": [
{
"data": "content"
},
],
"dom": "<row></row>",

initComplete: function () {
$('select').select2();
},
});

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

спросил(а) 2021-01-25T19:17:53+03:00 4 месяца, 4 недели назад
1
Решение
89

Функция draw.dt инициализирует элемент select2 при каждом изменении страницы страницы:

 initComplete: function () {
$('#table').on('draw.dt', function() {
$('select').select2();
});
},

ответил(а) 2021-01-25T19:17:53+03:00 4 месяца, 4 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема