Объекты DataTable потерять pageLength на новые данные
У меня есть 2 таблицы, выбрав строку из таблицы 1 Данные вернутся в таблицу 2, в первый раз выберите все в порядке,но когда я выберу вторую строку Таблица 2 потеряет способность pageLength.
Код
myChapters: function(id) {
this.getChapters = '',
this.getVerses = '',
axios.get('/api/getChapters/'+id).then((res) => {
this.getChapters = res.data.chapters;
this.isLoadingChapters = false;
this.verse.book_id = id;
setTimeout(function() {
// dataTables
$("#chapters").DataTable({
select: true,
retrieve: true,
pageLength : 5,
lengthMenu: [[5, 10, 20, 50, 100, -1], [5, 10, 20, 50, 100, 'All']]
});
}, 500);
})
.catch((err) => {
console.log(err)
});
},
Есть идеи?
У вопроса есть решение - Посмотреть?

Вы пробовали уничтожить таблицу-2 Datatable (непосредственно перед инициализацией новых данных), по щелчку строки таблицы 1?
Источник

Источник
Ответы - Объекты DataTable потерять pageLength на новые данные / DataTables lose pageLength on new data
Является ответом!

06.01.2020 04:22:27
Я говорил что-то вроде этого,
myChapters: function(id) {
this.getChapters = '',
this.getVerses = '',
axios.get('/api/getChapters/'+id).then((res) => {
this.getChapters = res.data.chapters;
this.isLoadingChapters = false;
this.verse.book_id = id;
if ($.fn.dataTable.isDataTable('#chapters')) {
$('#chapters').DataTable().clear().destroy(); //This will destroy datatable
}
setTimeout(function() {
// dataTables
$("#chapters").DataTable({
select: true,
retrieve: true,
pageLength : 5,
lengthMenu: [[5, 10, 20, 50, 100, -1], [5, 10, 20, 50, 100, 'All']]
});
}, 500);
})
.catch((err) => {
console.log(err)
});
},

это сработало просто замечательно, спасибо.
Помочь в развитии проекта: