使用表格egui_extras::TableBuilder

// Cargo.toml
[dependencies]
eframe = "0.32.1"
egui = "0.32.1"
egui_extras = "0.32.1"

• egui_extras::Column::auto() 列寬根據內容自動計算
• .resizable(true) 允許用戶手動拖動調整列寬

fn main() -> eframe::Result<()> {// 配置原生窗口參數let options = eframe::NativeOptions::default();eframe::run_simple_native("使用表格", options, move |ctx, _frame| {egui::CentralPanel::default().show(ctx, |ui| {load_fonts(&ctx);// 創建一個表格egui_extras::TableBuilder::new(ui)// 設置列屬性// 創建一個自動調整寬度的列.column(egui_extras::Column::auto().resizable(true))// 創建一個占據剩余可用寬度的列// 該列自動填充容器中剩余未被占用的列.column(egui_extras::Column::remainder())// 設置表頭，行高20.header(20.0, |mut header| {header.col(|ui| {// 標題，加粗，字號加大等ui.heading("姓名");});header.col(|ui| {ui.heading("年齡");});})// 設置表體.body(|mut body| {// 一行數據，行高30body.row(30.0, |mut row| {// 一個單元格的數據row.col(|ui| {ui.label("小李");});row.col(|ui| {ui.button("25");});});// 一行數據body.row(30.0, |mut row| {row.col(|ui| {ui.label("小趙");});row.col(|ui| {ui.button("16");});});});});})
}

批量設置數據方式一

fn main() -> eframe::Result<()> {// 配置原生窗口參數let options = eframe::NativeOptions::default();// 生成20行10列數據let bbody: Vec<Vec<String>> = (0..20).map(|i| (0..10).map(|e| format!("{}--{}", i, e)).collect()).collect();eframe::run_simple_native("使用表格", options, move |ctx, _frame| {egui::CentralPanel::default().show(ctx, |ui| {load_fonts(&ctx);egui_extras::TableBuilder::new(ui)// 設置10列，自動調整寬度，可手動調整.columns(egui_extras::Column::auto().resizable(true), 10)// 設置表頭.header(20.0, |mut header| {for idx in 0..10 {header.col(|ui| {ui.heading(format!("{}", idx));});}})// 設置表體.body(|mut body| {for idx in &bbody {body.row(30.0, |mut row| {for idy in idx {row.col(|ui| {ui.label(idy);});}});}});});})
}

批量設置數據方式二rows

fn main() -> eframe::Result<()> {// 配置原生窗口參數let options = eframe::NativeOptions::default();let bbody: Vec<Vec<String>> = (0..20).map(|i| (0..10).map(|e| format!("{}--{}", i, e)).collect()).collect();eframe::run_simple_native("使用表格", options, move |ctx, _frame| {egui::CentralPanel::default().show(ctx, |ui| {load_fonts(&ctx);egui_extras::TableBuilder::new(ui)// 設置10列，自動調整寬度，可手動調整.columns(egui_extras::Column::auto().resizable(true), 10)// 設置表頭.header(20.0, |mut header| {for idx in 0..10 {header.col(|ui| {ui.heading(format!("{}", idx));});}})// 設置表體.body(|mut body| {body.rows(17., bbody.len(), |mut row| { // 所有行數據let r_idx = row.index();            // 當前行的索引if let Some(d) = bbody.get(r_idx) { // 行內有數據for idx in d {                  // 遍歷一行數據row.col(|ui| {ui.label(idx);});}}});});});})
}