@witqq/spreadsheet

Canvas-based spreadsheet engine — framework-agnostic core

Installation

npm install @witqq/spreadsheet

Quick Start

import { SpreadsheetEngine } from '@witqq/spreadsheet';
import type { ColumnDef } from '@witqq/spreadsheet';

const columns: ColumnDef[] = [
  { key: 'name', title: 'Name', width: 150 },
  { key: 'age', title: 'Age', width: 80, type: 'number' },
  { key: 'email', title: 'Email', width: 200 },
];

const data = [
  { name: 'Alice', age: 30, email: '[email protected]' },
  { name: 'Bob', age: 25, email: '[email protected]' },
];

const engine = new SpreadsheetEngine({ columns, data });
engine.mount(document.getElementById('grid')!);

Documentation

Full documentation is available at spreadsheet.witqq.dev and included in this package under docs/.

Getting Started

• Configuration
• @witqq/spreadsheet
• Installation
• 1,000,000 Rows at 60 FPS
• Quick Start
• TypeScript

Core Concepts

• Architecture
• Data Model
• Events
• Rendering
• Themes

Guides

• Accessibility (WCAG 2.1 AA)
• Auto Row Height
• Drag-to-Fill
• Cell Editor Registry
• Change Tracking
• Copy, Cut & Paste
• Column Stretch
• Context Menu
• DataView
• Date & DateTime Editors
• Cell Decorators
• Inline Editing
• Features Overview
• Filtering
• Frozen Rows & Columns
• Locale System
• Cell Merging
• Migration from Handsontable
• Pivot Tables
• Print Support
• Column & Row Resize
• Row Grouping
• Selection & Navigation
• Sorting
• Streaming Data
• Per-Cell Styling
• Text Wrapping
• Undo & Redo
• Cell Validation

Plugins

• Collaboration Plugin
• Conditional Formatting
• Custom Functions
• Excel Import/Export
• Formula Engine
• Plugin Architecture
• Progressive Loader Plugin

API Reference

• Cell Types & Registry
• Core Types
• SpreadsheetEngine API

Frameworks

• Angular Integration
• React Integration
• Vue 3 Integration
• Vanilla JS / Widget

License

BUSL-1.1