Me gustaría utilizar el enlace :custom-sort sin deshabilitar el pie de página predeterminado de Vue. Hasta ahora, o uno u otro funciona. O deshabilito el pie de página y mi método de clasificación personalizado funciona, o pierdo la clasificación personalizada para la paginación. ¿Es posible usar el pie de página predeterminado de Vue para las tablas de datos al mismo tiempo que ordeno usando mi método personalizado?
Aquí está el código relevante:
list.html (sin hide-default-table):
<v-data-table :headers="tableProjectHeaders" :items="projectList" :page.sync="pageNumber" :pageCount="numberofPages" :items-per-page.sync="itemsPerPage" :server-items-length="totalProjects.length" :custom-sort="customSort" :options.sync="siteOptions"> <!-- Content gets Rendered Here --> </v-datatable>No estoy seguro de cuán útil será tener el código del componente vue, pero así es como se ven las partes relevantes de la aplicación vue:
var app = new Vue({ el: '#app', vuetify: new Vuetify(), methods:{ customSort: function (items, index, isDesc){ // Too much code, will share upon request but not sure the nitty gritty is relevant return items; } }, data(){ return { ... pageNumber: 1, totalProjects: 0, numberofPages:0, siteOptions:{}, } } });¿Algunas ideas? es posible? ¿Tengo que crear un pie de página personalizado e implementar manualmente la paginación? Avíseme si hay más código que pueda compartir para aclarar el problema.