нумерация страниц vue-tables-2 не ограничивает количество страниц - PullRequest
0 голосов
/ 08 июня 2019

Я использую vue-tables-2 как datatable в моем приложении vue.
vue-tables-2: ^ 1.4.70
vue: ^ 2.6.10
все хорошо, кроме показа элементовна страницу, которая ограничена perPage для объекта параметров.
Здесь у меня есть 5 записей, и я установил для каждой страницы значение 2. Но он не работает и по-прежнему показывает 5 записей на странице.Также, когда я нажимаю на страницу два, отмечая изменения!
Вот мой код:

  • tickets.vue:
<template>
    <v-server-table url="/panel/tickets/data" :columns="columns" :options="options"></v-server-table>
</template>
<script>
    export default ({
        name: 'ticketTable',
        data() {
            return {
                columns: ['subject', 'status', 'department', 'date'],
                options: {
                    responseAdapter(data) {
                        return {
                            data,
                            count: data.length
                        }
                    },
                    headings: {
                        subject: 'موضوع',
                        status: 'وضعیت',
                        department: 'دپارتمان',
                        date: 'تاریخ ایجاد'
                    },
                    perPage: 2,
                    pagination: {
                        edge: false,
                        dropdown: false,
                        chunk: 2
                    },
                    filterable: true,
                    sortable: 'subject',
                }
            }
        }
    });
</script>
  • app.js:
import ticketTable from './components/tickets';
import {ServerTable} from 'vue-tables-2';

Vue.use(ServerTable, {
    texts: {
        count: "نمایش {from} تا {to} از {count} رکورد",
        first: 'اولین',
        last: 'آخرین',
        filter: "جستجو : ",
        filterPlaceholder: "جستجو",
        limit: "رکورد:",
        page: "صفحه:",
        noResults: "هیچ نتیجه ای یافت نشد",
        filterBy: "فیلتر با {column}",
        loading: 'در حال آماده سازی...',
        defaultOption: 'انتخاب {column}',
        columns: 'ستون ها'
    }
});
  • html:
<section class="mt-4 mb-4">
                <div class="section-title">
                    <h4 class="mb-0">لیست تمام تیکت ها</h4>
                </div>
                <div class="section-content">
                    <ticket-table></ticket-table>
                </div>
            </section>

Вот мой результат:
enter image description here
Любойпомощь приветствуется.

...