Объекты DataTable потерять pageLength на новые данные

Объекты DataTable потерять pageLength на новые данные

02.01.2020 08:06:57 Просмотров 28 Источник

У меня есть 2 таблицы, выбрав строку из таблицы 1 Данные вернутся в таблицу 2, в первый раз выберите все в порядке,но когда я выберу вторую строку Таблица 2 потеряет способность pageLength.

one

Код

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)
    });
},

Есть идеи?

javascript vue.js
У вопроса есть решение - Посмотреть?

https://stackoverflow.com/questions/59558515/datatables-lose-pagelength-on-new-data#comment105380496_59558515
Вы пробовали уничтожить таблицу-2 Datatable (непосредственно перед инициализацией новых данных), по щелчку строки таблицы 1?
https://stackoverflow.com/questions/59558515/datatables-lose-pagelength-on-new-data#comment105388127_59558515

Ответы - Объекты DataTable потерять pageLength на новые данные / DataTables lose pageLength on new data

Является ответом!
Yogesh Patel

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)
    });
},
Источник
https://stackoverflow.com/questions/59558515/datatables-lose-pagelength-on-new-data/59612911#comment105404896_59612911
это сработало просто замечательно, спасибо.

Другие вопросы

Ответы на ваши вопросы

Закрыть X