components/grid
Mise en page · 51 / 64

Grid

ui.widgets.mountGrid

Lignes et colonnes en deux dimensions avec cellules personnalisées.

BEHAVIOR CONTRACT

Largeurs de colonnes, hauteurs de lignes, fenêtre de défilement et coordonnées des cellules restent hors des nœuds de l'app.

RECORDED INTERACTION

Le harness fait défiler la grille et la fenêtre visible se met à jour.

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;
}
Voir le code sur GitHubexamples/storybook/stories.zig:3005

Le code source tel quel de la story dans le Storybook (zenit 5f9add5+wip 2026-09-30). W désigne ui.widgets ; col / row / label sont de petits helpers de mise en page du Storybook.

zenit · Double licenceGratuit pour les projets open source sous GPL-3.0-only ; les produits propriétaires ou commerciaux nécessitent une licence commerciale.Contacter l’auteur : zongyi.xzy#gmail.com (remplacez # par @)zenit 5f9add5+wip 2026-09-30