Я использую vue-tables-2 как datatable в моем приложении vue.
vue-tables-2: ^ 1.4.70
vue: ^ 2.6.10
все хорошо, кроме показа элементовна страницу, которая ограничена perPage для объекта параметров.
Здесь у меня есть 5 записей, и я установил для каждой страницы значение 2. Но он не работает и по-прежнему показывает 5 записей на странице.Также, когда я нажимаю на страницу два, отмечая изменения!
Вот мой код:
<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>
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: 'ستون ها'
}
});
<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>
Вот мой результат:
Любойпомощь приветствуется.