Saltar al contenido

La tabla de datos de Vuetify no muestra datos

Solución:

Dado que está utilizando Vuetify 1.x, debe agregar una plantilla con una ranura de alcance:

  <v-data-table
    :headers="headers"
    :items="desserts"
  >
  <template v-slot:items="props">

      <td class="text-xs-right">{{ props.item.name }}</td>
      <td class="text-xs-right">{{ props.item.fat }}</td>

    </template>
</v-data-table>

o debería actualizar a la versión 2.0 que simplemente:

<template>
  <v-data-table
    :headers="headers"
    :items="desserts"
    :items-per-page="5"
    class="elevation-1"
  ></v-data-table>
</template>

si desea personalizar sus celdas de datos, marque esto answer

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *