egui-data-table - GitLite

KO | EN

gitlite — search

#javascript #ai #typescript #go #machine-learning #deep-learning #nodejs #macos #windows #cli #security #pytorch #mcp #open-source

egui-data-table

(★ 90)

No description available.

File Explorer

Download Latest Version (.zip)

- - actionlint.yml
  - cargo-publish.yml
  - pages.yml
- settings.json
- tasks.json
- - .gitkeep
- - .gitkeep
- - .gitkeep
  - clipboard-tsv.md
  - command-undo.md
  - demo-examples.md
  - persistence.md
  - public-api.md
  - render-pipeline.md
  - table-state.md
  - viewer-contract.md
- - .gitkeep
- - egui-data-table.md
- - .gitkeep
  - clipboard-tsv.md
  - editing-selection-commands.md
  - i18n-examples-demo.md
  - persistence-validation.md
  - public-api.md
  - rendering-presentation.md
- _index.md
- mental-model.md
- WORKFLOW.md
- Cargo.toml
- index.html
- demo.rs
- internationalization.rs
- partially_editable.rs
- - body.rs
  - mod.rs
  - tsv.rs
- lib.rs
- viewer.rs
.gitignore
AGENTS.md
Cargo.toml
CHANGELOG.md
CLAUDE.md
LICENSE
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![Latest version](https://img.shields.io/crates/v/egui-data-table.svg)](https://crates.io/crates/egui-data-table)
[![Documentation](https://docs.rs/egui-data-table/badge.svg)](https://docs.rs/egui-data-table)

# Data table UI implementation for egui

[Demo Web Page](https://kang-sw.github.io/egui-data-table/)

# Features

- [x] Undo/Redo for every editions
- [x] Show/Hide/Reorder columns
- [x] Row duplication / removal
- [x] Keyboard navigation
- [x] Internal clipboard support
- [x] System clipboard support
- [ ] Tutorials documentation
- [ ] Tidy light mode visuals

# Usage

In `Cargo.toml`, add `egui-data-table` to your dependencies section

```toml
[dependencies]
egui-data-table = "0.1"
```

Minimal example:

```rust no_run
// Use same version of `egui` with this crate!
use egui_data_table::egui;

// Don't need to implement any trait on row data itself.
struct MyRowData(i32, String, bool);

// Every logic is defined in `Viewer`
struct MyRowViewer;

// There are several methods that MUST be implemented to make the viewer work correctly.
impl egui_data_table::RowViewer<MyRowData> for MyRowViewer {
    fn num_columns(&mut self) -> usize {
        3
    }
    
    fn show_cell_view(&mut self, ui: &mut egui::Ui, row: &MyRowData, column: usize) {
        let _ = match column {
            0 => ui.label(format!("{}", row.0)),
            1 => ui.label(&row.1),
            2 => ui.checkbox(&mut { row.2 }, ""),
            _ => unreachable!()
        };
    }
    
    fn show_cell_editor(
        &mut self,
        ui: &mut egui::Ui,
        row: &mut MyRowData,
        column: usize,
    ) -> Option<egui::Response> {
        match column {
            0 => ui.add(egui::DragValue::new(&mut row.0).speed(1.0)),
            1 => {
                egui::TextEdit::multiline(&mut row.1)
                    .desired_rows(1)
                    .code_editor()
                    .show(ui)
                    .response
                    .response
            }
            2 => ui.checkbox(&mut row.2, ""),
            _ => unreachable!()
        }
        .into() // To make focusing work correctly, valid response must be returned.
    }
    
    fn set_cell_value(&mut self, src: &MyRowData, dst: &mut MyRowData, column: usize) {
        match column {
            0 => dst.0 = src.0,
            1 => dst.1 = src.1.clone(),
            2 => dst.2 = src.2,
            _ => unreachable!()
        }
    }
    
    fn new_empty_row(&mut self) -> MyRowData {
        // Instead of requiring `Default` trait for row data types, the viewer is
        // responsible of providing default creation method.
        MyRowData(0, Default::default(), false)
    }
    
    // fn clone_row(&mut self, src: &MyRowData) -> MyRowData 
    // ^^ Overriding this method is optional. In default, it'll utilize `set_cell_value` which 
    //    would be less performant during huge duplication of lines.
}

fn show(ui: &mut egui::Ui, table: &mut egui_data_table::DataTable<MyRowData>) {
    ui.add(egui_data_table::Renderer::new(
        table,
        &mut { MyRowViewer },
    ));
}
```

For more details / advanced usage, see [demo](./examples/demo.rs)