egui/egui_demo_lib/src/apps/demo/grid_demo.rs

use egui::Color32;
use egui_dynamic_grid::{GridBuilder, Padding, Size};

/// Shows off a table with dynamic layout
#[cfg_attr(feature = "serde", derive(serde::Deserialize, serde::Serialize))]
#[derive(Default)]
pub struct GridDemo {}

impl super::Demo for GridDemo {
    fn name(&self) -> &'static str {
        "▣ Grid Demo"
    }

    fn show(&mut self, ctx: &egui::CtxRef, open: &mut bool) {
        egui::Window::new(self.name())
            .open(open)
            .resizable(true)
            .default_width(400.0)
            .show(ctx, |ui| {
                use super::View as _;
                self.ui(ui);
            });
    }
}

impl super::View for GridDemo {
    fn ui(&mut self, ui: &mut egui::Ui) {
        GridBuilder::new(ui, Padding::new(0.0, 5.0)).vertical(|builder| {
            builder
                .row(Size::Absolute(50.0))
                .row(Size::Remainder)
                .row(Size::RelativeMinimum {
                    relative: 0.5,
                    minimum: 60.0,
                })
                .build(|mut grid| {
                    grid.cell(|ui| {
                        ui.painter().rect_filled(
                            ui.available_rect_before_wrap(),
                            0.0,
                            Color32::BLUE,
                        );
                    });
                    grid.horizontal(|builder| {
                        builder.columns(Size::Remainder, 2).build(|mut grid| {
                            grid.cell(|ui| {
                                ui.painter().rect_filled(
                                    ui.available_rect_before_wrap(),
                                    0.0,
                                    Color32::RED,
                                );
                            });
                            grid.vertical(|builder| {
                                builder.rows(Size::Remainder, 3).build(|mut grid| {
                                    grid.empty();
                                    grid.cell(|ui| {
                                        ui.painter().rect_filled(
                                            ui.available_rect_before_wrap(),
                                            0.0,
                                            Color32::YELLOW,
                                        );
                                    });
                                });
                            });
                        });
                    });
                    grid.horizontal(|builder| {
                        builder
                            .column(Size::Remainder)
                            .column(Size::Absolute(50.0))
                            .column(Size::Remainder)
                            .column(Size::Absolute(70.0))
                            .build(|mut grid| {
                                grid.empty();
                                grid.vertical(|builder| {
                                    builder
                                        .row(Size::Remainder)
                                        .row(Size::Absolute(50.0))
                                        .row(Size::Remainder)
                                        .build(|mut grid| {
                                            grid.empty();
                                            grid.cell(|ui| {
                                                ui.painter().rect_filled(
                                                    ui.available_rect_before_wrap(),
                                                    0.0,
                                                    Color32::GOLD,
                                                );
                                            });
                                        });
                                });
                                grid.empty();
                                grid.cell(|ui| {
                                    ui.painter().rect_filled(
                                        ui.available_rect_before_wrap(),
                                        0.0,
                                        Color32::GREEN,
                                    );
                                });
                            });
                    });
                });
        });
    }
}