Recientemente comencé a usar vuetifyjs en mi proyecto RTL (escrito en Vue 2). Agregué una tabla en una tarjeta y agregué la barra de búsqueda como se muestra en los documentos. Estoy tratando de hacer dos cosas:

1. Mueva la opción "número de elementos para mostrar" del pie de página a la parte superior.
2. Haz prescindible la barra de búsqueda a partir de un icono.

Básicamente:

Para el primer caso, no pude encontrar una manera de hacer esto en los documentos. Para el segundo caso, estoy tratando de lograr este resultado:

Traté de buscar en los documentos también, pero no pude encontrar una manera de hacer esto. También me encontré con este artículo: Expanda la barra de búsqueda con el ícono de búsqueda y muestre el ícono de cerrar al hacer clic usando Javascript

Mi código actual:

 <div> <v-card> <v-card-title> <v-text-field v-model="searchText" append-icon="mdi-magnify" label="חיפוש" single-line hide-details ></v-text-field> </v-card-title> <v-data-table class="elevation-1" :headers="headers" :items="items" :items-per-page="itemsPerPage" :footer-props="settings" > </v-data-table> </v-card> </div>

Donde:

 settings: { 'items-per-page-options': [10, 25, 50, 100], 'items-per-page-text': 'סהכ' }, itemsPerPage: 10

¿Es posible lograr esto usando vuetify?