Table - Pharen

Mit Table kannst du strukturierte Produktinformationen darzustellen. Diese Seite dokumentiert alle Vue-Komponenten, die das Modul öffentlich exportiert.

Installiere das Paket und importiere die Styles einmalig. Die vollständigen Schritte findest du unter Installation.

Import

import { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption } from '@pharen/ui';

Beispiel

<script setup lang="ts">
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@pharen/ui';
</script>

<template>
  <Table>
    <TableHeader><TableRow><TableHead>Member</TableHead><TableHead>Role</TableHead></TableRow></TableHeader>
    <TableBody><TableRow><TableCell>Johannes</TableCell><TableCell>Owner</TableCell></TableRow></TableBody>
  </Table>
</template>

Exporte

Export	Aufgabe
`Table`	Exportierte Vue-Komponente dieses Moduls.
`TableHeader`	Strukturiert den Kopfbereich.
`TableBody`	Exportierte Vue-Komponente dieses Moduls.
`TableFooter`	Strukturiert den Fußbereich.
`TableRow`	Exportierte Vue-Komponente dieses Moduls.
`TableHead`	Exportierte Vue-Komponente dieses Moduls.
`TableCell`	Exportierte Vue-Komponente dieses Moduls.
`TableCaption`	Exportierte Vue-Komponente dieses Moduls.

Quellcode

Quellcode auf GitHub öffnen