Conciergia UI

Table

სემანტიკური ცხრილი გადახვევით, სიმკვრივის რეჟიმებითა და მონიშნული სტრიქონებით.

მაგალითი

დღევანდელი დაჯავშნები
სტუმარინომერი
ნინო ბერიძე201
ანა კაპანაძე305
სულ 2 დაჯავშნა

ინსტალაცია

terminal
pnpm add @llc-conciergia/ui
იმპორტი
import {
  Table,
  TableHeader,
  TableBody,
  TableFooter,
  TableRow,
  TableHead,
  TableCell,
  TableCaption,
} from "@llc-conciergia/ui/table";

Props

Propტიპინაგულისხმევიაღწერა
Table: variant"default" | "striped"—ცხრილის ფონი.
Table: wrapperClassNamestring—ჰორიზონტალური გადახვევის კონტეინერის კლასი.
Table: className / children / reftable props—სემანტიკური table ელემენტის თვისებები.
TableHeader / TableBody / TableFooterthead / tbody / tfoot props—ცხრილის სექციები.
TableRowtr props—hover და data-state="selected" მდგომარეობა.
TableHead: scope"col" | "row" | "colgroup" | "rowgroup"—ნაგულისხმევად col; სტრიქონის სათაურზე გამოიყენეთ row.
TableCelltd props—უჯრა; colSpan და rowSpan მხარდაჭერილია.
TableCaptioncaption props—ცხრილის ხელმისაწვდომი სათაური.