0
221
ViewsTabla de datos de Vuetify: la página anterior/siguiente se muestra en el lado izquierdo cuando los elementos por página están ocultos
Estoy tratando de ocultar completamente las items-per-page de una tabla mientras mantengo intacta la funcionalidad next/previous .
Puedo ocultarlo configurando estos accesorios:
:footer-props="{ 'items-per-page-options':[10], 'disable-items-per-page': true, }" Este 
es genial, pero ahora la funcionalidad previous/next está en el lado izquierdo del pie de página de la tabla. Quiero mantenerlo a la derecha.
¿Cómo puedo hacer eso?
1 answers
Answer question0
Es un error que ya se ha descrito en los números 13751 y 13678 de la biblioteca vuetify. Pero todavía no hay una solución "lista para usar".
Puede solucionar su problema de varias maneras:
Primera forma : agregue la ranura footer.prepend en su componente <v-data-table> con el componente <v-spacer/> :
<v-data-table ... :footer-props="{ 'items-per-page-options':[10], 'disable-items-per-page': true, }" > <template #footer.prepend> <v-spacer/> </template> </v-data-table>Segunda forma : si no necesita admitir RTL, puede anular una de las clases CSS integradas:
.v-application--is-ltr .v-data-footer__pagination { margin-left: auto; }Hay un codepen en el que puede probar en ambos sentidos antes de aplicarlo en su proyecto.