components/datatable
Anzeige · 31 / 64

DataTable

ui.widgets.DataTable

Eine Datentabelle mit Filterung, Paginierung und Spaltenverhalten.

BEHAVIOR CONTRACT

filter, page, columns und rows bilden ein auslesbares Zustandsmodell.

RECORDED INTERACTION

Der Harness tippt „admin“ und die Ergebnisseite ändert sich.

examples/storybook/stories.zig:3101
pub fn buildDataTable(scope: *ui.Scope, cx: *ui.Cx) anyerror!*ui.Node {
    const dt = try ui.widgets.DataTable(.{
        .columns = &DT_COLS,
        .rows = &DT_ROWS,
        .page_size = 3,
    }, scope, cx);
    if (dt.filter_input) |fi| fi.meta.ownership.meta.test_id = "story.datatable.filter";
    dt.wrapper.meta.ownership.meta.test_id = "story.datatable.table";
    return dt.wrapper;
}
Quellcode auf GitHub ansehenexamples/storybook/stories.zig:3101

Der unveränderte Quellcode der Story aus dem Storybook (zenit 5f9add5+wip 2026-09-30). W steht für ui.widgets; col / row / label sind kleine Layout-Helfer des Storybooks.

zenit · DoppellizenzKostenlos für Open-Source-Projekte unter GPL-3.0-only; Closed-Source- oder kommerzielle Produkte benötigen eine kommerzielle Lizenz.Kontakt zum Autor: zongyi.xzy#gmail.com (# durch @ ersetzen)zenit 5f9add5+wip 2026-09-30