Menu
Libraries |
Category

svelte-datagrid

  • Purpose: A high-performance Svelte Data Grid component built on top of RevoGrid, designed to handle millions of cells efficiently with fast data rendering.
  • Target Audience: Developers needing a powerful, lightweight, and customizable grid solution for large datasets, especially those using Svelte (with support for Svelte 5).

Key Features:

  • High Performance: Optimized for millions of cells with intelligent virtual DOM and virtual scroll.
  • Accessibility: Compliant with WAI-ARIA best practices.
  • Excel-like Features: Keyboard navigation, copy/paste, formula support, and pivot tables.
  • Customization:
    • Themes (Material, Excel-like).
    • Column/row grouping, pinning, resizing, and merging.
    • Custom cell templates, editors, and plugins.
  • Advanced Functionality:
    • Sorting, filtering (multi-column, conditional), and export.
    • Drag-and-drop, master-detail views, and context menus.
  • Framework Support: Primarily Svelte, with additional support for Vue, React, Angular, and vanilla JS.

Svelte Integration:

  • Supports Svelte 5 (with a dedicated branch for Svelte 4 compatibility).
  • Example usage:
    <RevoGrid {source} {columns} />
    
    Guide and examples [fa-solid fa-up-right-from-square].

Version Highlights:

  • v4.0+: Major breaking changes, improved type support, and performance enhancements.
  • Pro Version: Advanced features like nested grids and form editing.

Extensibility:

  • Plugin system, TSX support, and slot-based customization.

For full details, explore the RevoGrid documentation [fa-solid fa-up-right-from-square].


License: MIT.

sveltesveltejssvelte-griddatagriddatatablespreadsheetgridexportsortingfilteringgrouping

Comments