Catalog · Conținut și date
Tabel sortabil și filtrabil
Adaugă sortare pe coloane și filtrare live peste un tabel obișnuit; fără JavaScript rămâne un tabel complet, static.
Preview și markup canonic
Previzualizarea de mai jos redă exact șirul HTML afișat în exemplul de cod. Nu există o implementare paralelă pentru documentație.
| Instituție | Cereri |
|---|---|
| Alba Iulia | 1.248 |
| Cluj-Napoca | 3.986 |
Instalare și importuri
pnpm add @sistem-digital/tokens @sistem-digital/components@import '@sistem-digital/components/content.css';import { enhanceSortableTables } from '@sistem-digital/components';<div class="sd-sortable-table" data-sd-sortable-table><div class="sd-table-container" role="region" aria-label="Cereri per instituție; tabel derulabil" tabindex="0"><table class="sd-table sd-table--numeric"><caption>Cereri per instituție</caption><thead><tr><th scope="col" data-sd-sort="text">Instituție</th><th scope="col" data-sd-sort="numeric" class="sd-table__numeric">Cereri</th></tr></thead><tbody><tr><th scope="row">Alba Iulia</th><td class="sd-table__numeric">1.248</td></tr><tr><th scope="row">Cluj-Napoca</th><td class="sd-table__numeric">3.986</td></tr></tbody></table></div></div>Contract și surse
Schimbarea claselor publice, a markup-ului canonic sau a comportamentului helperelor necesită versionare și instrucțiuni de migrare.
Matricea design–cod
Disponibilitatea reală a acestei componente, calculată din pachetele publicate, conform schemei matricei design–cod. Rândurile Figma, testare cu tastatura și testare cu cititor de ecran rămân „Indisponibil” până la dovezi publicate separat (kit Figma, respectiv auditul manual de accesibilitate).
| Canal | Disponibilitate |
|---|---|
| Figma | Indisponibil |
| HTML/CSS | Disponibil |
| Web Components | Disponibil |
| React | Disponibil |
| Documentație | Disponibil |
| Teste automate | Disponibil |
| Testare cu tastatura | Indisponibil |
| Testare cu cititor de ecran | Indisponibil |
A fost utilă această pagină?
Linkul deschide un formular GitHub precompletat. Nu transmitem nimic până când alegi să publici feedback-ul și îți recomandăm să nu incluzi date personale.