components/grid
Layout · 51 / 64

Grid

ui.widgets.mountGrid

Filas y columnas bidimensionales con celdas personalizadas.

BEHAVIOR CONTRACT

El ancho de columnas, la altura de filas, la ventana de scroll y las coordenadas de celda quedan fuera de los nodos de la app.

RECORDED INTERACTION

El harness hace scroll en la cuadrícula y la ventana visible se actualiza.

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;
}
Ver el código en GitHubexamples/storybook/stories.zig:3005

El código literal de la story en el Storybook (zenit 5f9add5+wip 2026-09-30). W es ui.widgets; col / row / label son pequeños helpers de layout del Storybook.

zenit · Doble licenciaGratis para proyectos de código abierto bajo GPL-3.0-only; los productos cerrados o comerciales necesitan una licencia comercial.Contacta con el autor: zongyi.xzy#gmail.com (cambia # por @)zenit 5f9add5+wip 2026-09-30