components/grid
Layout · 51 / 64

Grid

ui.widgets.mountGrid

Zweidimensionale Zeilen und Spalten mit eigenen Zellen.

BEHAVIOR CONTRACT

Spaltenbreiten, Zeilenhöhen, Scroll-Fenster und Zellkoordinaten bleiben aus den App-Nodes heraus.

RECORDED INTERACTION

Der Harness scrollt das Raster und der sichtbare Ausschnitt aktualisiert sich.

examples/storybook/stories.zig:3005
pub fn buildGrid(scope: *ui.Scope, cx: *ui.Cx) anyerror!*ui.Node {
    const widths = [_]f32{ 90, 90, 90, 90 };
    const g = try W.mountGrid(.{
        .col_count = 4,
        .row_count = 12,
        .col_widths = &widths,
        .cell_height = 30,
        .width = 380,
        .height = 320,
        .cell_render_fn = gridCell,
    }, scope, cx);
    return g.root;
}
Quellcode auf GitHub ansehenexamples/storybook/stories.zig:3005

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