components/table
Anzeige · 30 / 64

Table

ui.widgets.Table

Eine einfache Tabelle mit festen Spalten und eigenen Zellen.

BEHAVIOR CONTRACT

Spaltenbreiten, Kopfzeile, gestreifte Zeilen, Sortierung und Zellen-Lebensdauer sind getrennte Belange.

RECORDED INTERACTION

Zeigt acht echte Zeilen und sortierbare Spalten.

examples/storybook/stories.zig:2446
pub fn buildTable(scope: *ui.Scope, cx: *ui.Cx) anyerror!*ui.Node {
    const cols = [_]W.ColumnDef{
        .{ .id = "name", .header = "Name", .width = 160 },
        .{ .id = "role", .header = "Role", .width = 120 },
        .{ .id = "age", .header = "Age", .width = 80, .sortable = true },
    };
    const t = try W.Table(.{ .columns = &cols, .row_count = 8, .striped = true, .render_cell = tableCell }).mount(scope, cx);
    return t.wrapper;
}
Quellcode auf GitHub ansehenexamples/storybook/stories.zig:2446

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