Tag: V-DATA-TABLE
Tengo un trozo de código funcional de Vuetify 1.5.6 que incluye un icono dentro de una tabla de datos que, al hacer clic, muestra un menú. Al hacer clic, el activador muestra la lista que se activó. Tengo un codepen con este ejemplo. Quiero la misma funcionalidad, pero Vuetify 2 . . . Read more
Tengo columnas que cambian dinámicamente en una tabla de datos. Por ejemplo, una columna de col1, col2, col3-values. ¿Cómo puedo hacer dinámicamente el <template v-slot:item.col1="item"> y <template v-slot:item.col2="item">….
Tengo esta v-data-table: <v-data-table :headers=”walletInHeaders” :items=”filteredByQuantityIncome” class=”elevation-1″> <template v-slot:items=”props”> <td class=”pa-1 text-xs-center”> <v-btn @click=”loginAsClient(props.item.email)” color=”blue”>Iniciar sesión como cliente</v-btn> {{ props.item.email }} </td> <td class=”pa-1 text-xs-center”>{{ props.item.currency }}</td> <td class=”pa-1 text-xs-center”>{{ props.item.quantity }}</td> <td class=”pa-1 text-xs-center”>{{ props.item.totalIncomeAmount.toFixed(8) }}</td> <td class=”pa-1 text-xs-center” style=”white-space: pre-line”>{{ props.item.types }}</td> </template> </v-data-table> Y los encabezados: walletInHeaders: . . . Read more
Cuando uso v-slot:body con un v-checkbox para la selección de fila, obteniendo un comportamiento inesperado en comparación con una v-data-table sin ningún v-slot:body. Cuando el objeto “items” cambia, todos los checkboxes son “seleccionados” en el v-slot:body. ¿Qué es diferente entre mi v-checkbox y el utilizado por la v-data-table sin v-slot:body? . . . Read more
Estoy utilizando Nuxt 2.15.8 y @nuxtjs/vuetify 1.12.1 (Vuetify 2). Tengo una v-data-table con paginación en el lado del servidor, cada fila/item tiene un enlace a una página de detalle. Todo funciona bien. Cuando el usuario navega en la v-data-table, agrego el número de página a la URL ?page=2 por lo . . . Read more