FluentUI: namizni DataGrid — predstavitveni pregled

Nazaj: FluentUI: reference komponent

Stanje: portalna stran, na novo strukturirana po kategorijski shemi predstavitvenega paketa DevExpress ASPxGridView (https://demos.devexpress.com/aspxgridviewdemos/Default.aspx) — enaka delitev na pregled + eno podstran na kategorijo funkcij, tu prenesena na pogodbo PHP te knjižnice namesto na kontrolnike ASP.NET. Vsaka kategorija ima svojo podstran z živo skico, primerom PHP in referenčno tabelo. Od celovite razširitve (2026-07-14) je uveljavljena vsaka kategorija — strani opisujejo izključno delujoče obnašanje.

Kaj je DataGrid?

Namizni DataGrid (dataGrid() v helper_plugin_wkfluentui_widgets, API pomočnika) izriše tabelarne podatke kot tabelo, ki zapolni podokno in je odporna na spremembo velikosti, v slogu namizne aplikacije — ustreznico Property Gridu (en predmet kot seznam vrstic namesto veliko predmetov kot vrstic). Prvi porabnik je wksqliteds (dbadmin/ResultGrid je tanek prilagojevalnik nad dataGrid()).

1 Sidebar

resize: horizontal ↔

2 Toolbar (Command-Bar)

3Spalte A	Spalte B	Spalte C
Zeile 1	…	…
Zeile 2	…	…
⋮ Grid-Body scrollt innen (overflow: auto), nie die Seite ⋮

4 Statusbar 22px — fest, bei jedem Resize sichtbar (Zeilenzahl, Dauer, Verbindung)

Predstavitvene kategorije

Kategorija	Stanje	Opis
Osnove	[Live]	pogodba stolpcev/vrstic/opcij, ustvarjene oznake, videz namizne mreže, širine stolpcev in obstojnost
Adaptivity	[Live]	recept CSS, voden z vsebnikom + prilagodljiva skrčitev stolpcev z vrstico podrobnosti (opcija `adaptive`)
Sorting	[Live]	razvrščanje na strani odjemalca + nadomestilo brez JS na strani strežnika (`sortUrl`)
Selection	[Live]	enojna/večkratna izbira, miška/tipkovnica, dogodek `wk-selectionchange`
Data Editing (množična dejanja)	[Live]	orodna vrstica izbire za množične operacije; urejljive celice zagotavlja samostojen `declarativeTable()` (katalog gradnikov)
Filtering	[Live]	filtri glave stolpca: način odjemalca (v živo + čipi) in način strežnika (obrazec GET `filterAction`)
Data Paging and Scrolling	[Live]	nativno drsenje brskalnika v telesu mreže + izbirno straničenje na strani strežnika (opcija `paging`); brez navideznega drsenja (arhitekturna odločitev)
Data Export	[Live]	kopiranje vrstic/kopiranje z glavami, izvoz CSV kot množično dejanje ter pomočnik za izvoz `exportRows()` (varen glede na CWE-1236)
Accessibility	[Live]	konsolidirana dejstva ARIA/tipkovnice iz vseh kategorij na enem mestu

Ni na seznamu predstavitev DevExpress, je pa del pogodbe gradnika: urejljive celice zagotavlja samostojen declarativeTable() (katalog gradnikov) — dataGrid() sam namenoma ostaja čist gradnik za prikaz.

Sorodne teme

FluentUI: osnovna postavitev podrobno — območja lupine, v katerih živi mreža
FluentUI: skrbniško območje podrobno — videz tabele, orodna vrstica, vzorec predala
FluentUI: javni API pomočnika — rowActions()/toolbar()/scripts/contextmenu.js
FluentUI: osnovni katalog gradnikov — DeclarativeTable (declarativeTable()) in izvor Table Designerja v katalogu gradnikov