Table
Taulukko
Taulukon perusosat omaa rakennetta varten.
Käyttöpaikat
Suoraan: palvelu tuo osan itse. Välillisesti: osa tulee mukaan toisen paketin osan kautta, ja sen muutos näkyy palvelussa silti. Laskettu julkaisun yhteydessä 23.10.2026.
| Nimi | Tunnus | Hinta |
|---|---|---|
| Aplus A703 265/65R17 | W128900000 | 29,86 € |
| Cradle (black) for NQuire 10 | W128900411 | 51,76 € |
Käyttö
Paketin README:n luku sellaisenaan.
Table — density
<Table density="compact">…</Table> <DataTable density="compact" … />
compact pudottaa solujen pehmusteen p-3 → px-2 py-1.5 ja otsikkorivin h-10 → h-8. Käytä sitä kortin sisäisissä yhteenvedoissa ja pitkissä listoissa.
> Ei omaa token-sarjaa. Tiheys on kaksi arvoa yhdessä paikassa eikä > teemamuuttuja — token-sarja pakottaisi haarauttamaan jokaisen teeman > kahdesti. Ehto on AIMO:n ja se on pidetty.
> Solut eivät tiedä tiheydestä mitään. Toteutus on jälkeläisvalitsin > <table>-elementillä ([&_td]:py-1.5) eikä React-konteksti, koska > konteksti olisi tehnyt Tablesta client-komponentin. Ks. komponenttien > "use client"-sarake.
Tuonti ja lähde
import { Table, TableHeader, TableBody, TableHead, TableRow, TableCell } from "@karkkainen/ui";src/components/table.tsx