Tabulkový výpis — běžná tabulka: kanonický Section top bar (.tbar) → SegmentTable → souhrnný řádek. Souhrnný řádek (počet + per-sloupcové výpočty) je teď součást běžné tabulky a nahrazuje samostatný foot rozsah. Přehledový chrome zůstává jen u segmentu (viz níže).

Horní lišta je jediný sdílený vzor Section top bar (RULES §8): identita + .tchip ovládání + výplň + jedna primární akce. Dole je souhrnný řádek (.sgb-summary) — identity buňka drží počet, ostatní sloupce nesou volitelný výpočet: klikni na buňku a přepni počet / součet / průměr / … Vyber řádky → přes souhrn naskočí StickyBar.

Zobrazení segmentu — výjimka: když uživatel otevře dříve vytvořený segment, přibývá nad tabulkou SavedChrome (Přehled · Popis · Složení) a dole souhrnný StickyBar se Spravovat segment.

Tento chrome a souhrnný bar se objeví jen u konkrétního uloženého segmentu (má specifika — velikost, růst, složení). U běžných tabulek tato informace není potřeba, takže se nezobrazuje.

Anatomie — uzavřený slovník, přesně jak jej vrací komponenta
1Bar = kanonický Section top bar (.tbar, 49px, vlasová linka) — ne vlastní lišta. Zdroj pravdy je karta Section top bar + RULES §8, uzavřený slovník: identita · .tdiv · .tchip · .vspace · jedna primární akce.
2Identita + ovládání — vlevo název (.pipe-btn) + počet (.pi-ct); pak .tchipy (Hledat / Řadit / Filtr). Vpravo jedna primární .btn.primary (+ Nový…). Sekundární akce do menu, ne na lištu.
3Chrome (SavedChrome / .sgb-saved) — Přehled a Složení segmentu jako .fchip (label │ hodnota) + Popis. Jen u zobrazení segmentu; u běžné tabulky se vynechává. U builderu je místo něj Builder (taby + panel + resbar).
4Tabulka (SegmentTable / .sgb-table) — ukotvené záhlaví, zamrzlý identity sloupec, řazení klikem, sloupcové ⋮ menu, select-all. Nikdy vlastní layout.
5Souhrnný řádek (.sgb-summary / <tfoot>, prop summary) — per-sloupcové výpočty ve výšce jedné řádky, zarovnané do mřížky. Identita = počet; ostatní sloupce type-aware výpočet (počet / součet / průměr / medián / min / max / unikátních / …), přepínaný klikem. Plná čísla (v tabulce nezkracovat). Oddělený běžnou vlasovou linkou. Nahrazuje samostatný .sgb-foot rozsah.
6Bulk bar (StickyBar / .sgb-stickybar) — při výběru počet + hromadné akce (obecné, všude); naskočí přes souhrnný řádek ve stejném slotu dole. Souhrnný stav bez výběru + manageLabel „Spravovat segment“ je jen u zobrazení segmentu. Nikdy tlačítka v řádku.
Filtry — nastavují se v Průvodci (builder); aktivní filtry se zrcadlí v .sgb-resbar jako odebíratelné .fchip. V horní liště saved-listu filtry nejsou.
KrajPraha
BonitaAAA–A

Bez aktivních filtrů se .sgb-resbar nezobrazuje (v Průvodci ukazuje prázdný stav „žádné filtry"). Odebírací .fchip-x je kanonický vzor odebrání ze systému — bez červené.

Stavy — všechny vyrábí komponenta, ne ruční kresba Načítání (loading) → skutečný skeleton chrome i tabulky.

Výběr řádků v masteru výše odkryje StickyBar s hromadnými akcemi (obecný, platí pro každou tabulku). Prázdno → DS „Empty states", chyba → DS.ErrorState přes prop error. Nic z toho se nekreslí ručně.

Pravidla použití

ANO

  • Běžnou tabulku skladáš z kanonického Section top bar (.tbar) + DS.SegmentTable + souhrnný řádek (prop summary). Bar řeš vždy vzorem z karty Section top bar (RULES §8).
  • Souhrnný řádek (.sgb-summary) drží počet v identitě + volitelné per-sloupcové výpočty; nahrazuje samostatný foot. Čísla plná (kanon: v tabulce nezkracovat na „1,3M"), tabular jen u čísel — ne u dat.
  • Přehled/Popis/Složení (SavedChrome) a souhrnný bar „Spravovat segment“ dej jen u zobrazení uloženého segmentu.
  • Na liště jen povolených pět prvků (§8): identita · .tdiv · .tchip · .vspace · jedna primární akce.
  • Filtry řeš v Průvodci (builder); aktivní filtry se ukážou v .sgb-resbar jako odebíratelné .fchip + „Vymazat vše".
  • Řazení klikem na hlavičku (asc → desc → none) + sloupcové ⋮ menu — vše z enginu.
  • Hromadné akce jen ve spodním StickyBar při výběru.
  • Popisky sentence case, DS tokeny, výšky z komponenty.

NE

  • Nevytvářej vlastní horní lištu (žádný .sgb-top / .toolbar / ad-hoc bar) — vždy kanonický .tbar ze Section top bar.
  • Nevytvářej vlastní layout tabulky ani vlastní <table> se třídami .sgb-table — vždy skutečný engine.
  • Nevymýšlej filtrační bar v horní liště (žádné .sgb-ctl / .sgb-search / počet-pill) — v DS neexistuje.
  • Nedávej Přehled/Složení segmentu ani souhrnný „Spravovat segment" bar k běžné tabulce — patří jen k zobrazení uloženého segmentu.
  • Žádné dvě primární akce; sekundární akce nejsou modré.
  • Žádné verzálky v názvech ani popiscích.
  • Bulk akce ne jako tlačítka v každém řádku.
  • Nerozšiřuj slovník potichu — chybějící prvek přes Art Director gate, do segment-screen, a syncem do appky.

Tabulkový výpis = sdílený engine DS.SegmentTable. Běžná tabulka = .sgb-top (identita + headerAction) → tabulka → souhrnný řádek (počet + per-sloupcové výpočty; nahrazuje foot). Zobrazení segmentu je výjimka: navíc SavedChrome (Přehled · Popis · Složení) a souhrnný StickyBar se „Spravovat segment“ — u většiny tabulek se nezobrazují. Filtry přicházejí z Průvodce a zrcadlí se v .sgb-resbar jako odebíratelné .fchip; výběr řádků odkrývá StickyBar.