Komponenten-Showcase

DaisyTable

Ein einfaches Nutzungsbeispiel aus vue-daisyui-components – ohne zusätzliche Anwendungslogik.

Props-Referenz

Definitionen aus defineProps der installierten Komponente. Eine aktivierte Checkbox kennzeichnet ein erforderliches Prop. Typnamen verweisen auf die Typen der Bibliothek.

DaisyTable – Props-Referenz
Beschreibung	Erforderlich	Name	Typ
		`className`	`string`

Live-Vorschau

Beispiel-Team
Name	Rolle
Alex	Design
Sam	Entwicklung

Für dein Projekt

DaisyTable – Vollständiger Vue-Code

<script setup lang="ts">
import DaisyTable from 'vue-daisyui-components/components/DaisyTable.vue'
</script>

<template>
  <div class="overflow-x-auto">
    <DaisyTable class-name="table-zebra">
      <caption class="mb-3 text-left font-medium">Beispiel-Team</caption>
      <thead><tr><th scope="col">Name</th><th scope="col">Rolle</th></tr></thead>
      <tbody>
        <tr><td>Alex</td><td>Design</td></tr>
        <tr><td>Sam</td><td>Entwicklung</td></tr>
      </tbody>
    </DaisyTable>
  </div>
</template>