HIGH-PERFORMANCE DATA GRID // WASM + CANVAS

WasabiTable

SYS.ONLINE WASM.READY GRID.IDLE

High-performance Excel-like table component

MOD-00 INSTALL

root@wasabi:~$ npm install wasabi-table

High-performance grid library for TypeScript and JavaScript

MOD-01 LIVE GRID

A1

GRID CONFIG

DATA OPS

FILTER / SORT

Click a column header to open sort/filter dialog

THEME BUS

Initializing...

MOD-02 INTEGRATION

MOD-03 FEATURES

▸ WASM RENDER

Optimized performance with Rust + WebAssembly. Handles large datasets smoothly.

▸ EXCEL-LIKE UX

Keyboard navigation, cell editing, and formula bar with an Excel-like feel.

▸ TYPESCRIPT

Full type safety and IntelliSense. Works with JavaScript and TypeScript.

▸ THEMES

Customize appearance and behavior with themes and config options.

▸ RESPONSIVE

Runs in modern browsers with WebAssembly support.

▸ LIGHTWEIGHT

Minimal dependencies and a compact bundle footprint.

MOD-04 CONTROLS

▸ KEYBOARD

  • Arrow keys: Move selection
  • Enter: Start editing / move down
  • F2: Edit (keep value)
  • Tab: Move right
  • Escape: Cancel edit
  • Delete/Backspace: Clear cell
  • Ctrl+C / Cmd+C: Copy
  • Ctrl+X / Cmd+X: Cut
  • Ctrl+V / Cmd+V: Paste
  • Ctrl+Z / Cmd+Z: Undo
  • Ctrl+Y / Cmd+Shift+Z: Redo
  • Ctrl+A / Cmd+A: Select all
  • Ctrl+Arrow / Cmd+Arrow: Jump to data edge (Excel-style)
  • Shift+Arrow: Extend range selection
  • Shift+Ctrl+Arrow / Shift+Cmd+Arrow: Extend selection to data edge

▸ POINTER

  • Click: Select cell
  • Shift+click & drag: Range selection
  • Wheel: Scroll
  • Double-click: Start editing (planned)