Svelte Datagrid

screenshot of Svelte Datagrid
svelte
vite

Svelte data table spreadsheet best best features and performance from excel

Overview

The RevoGrid is a powerful and flexible grid component that offers a multitude of features and customization options. With a powerful core and millions of cells viewport, it provides a seamless and efficient user experience. It supports keyboard navigation similar to Excel, making data entry and manipulation easier. The initial starter is super light and can be imported with a polyfill or as a module for modern browsers. The grid also utilizes an intelligent Virtual DOM and smart row recombination to minimize redraws and improve performance. It offers sorting options, filtering capabilities, export to file functionality, customizable column and row sizes, and support for pinned/sticky/freezed columns and rows. Additionally, the grid supports column and row grouping, cell editing, drag and drop functionality, and various theme packages. It also allows for easy extension and customization through plugins and offers a range of other small customizations and improvements.

Features

  • Powerful Core: Millions of cells viewport with a powerful core in-built by default.
  • Keyboard Support: Excel-like focus and keyboard navigation.
  • Light Starter: Super light initial starter that can be imported with a polyfill or as a module for modern browsers.
  • Intelligent Virtual DOM: Smart row recombination to achieve less redraws.
  • Sorting: Multiple sorting options that can be customized per column and advanced with events.
  • Filtering: Predefined system filters, custom filters, and the ability to preserve existing collections.
  • Export to File: Ability to export the grid data to a file.
  • Custom Sizes and Resizing: Custom sizes per column and row, column resizing, and autosize support based on content.
  • Pinned/Sticky/Freezed: Ability to define pinned columns on the left or right, and pinned rows on the top or bottom.
  • Grouping: Column grouping with nested headers, and row grouping with nested rows.
  • Cell Editing: Ability to edit cells directly within the grid.
  • Customizations: Support for custom header templates, cell templates, cell editors, cell properties, and column types.
  • Drag and Drop: Drag and drop functionality for reordering rows.
  • Range Operations: Selection and editing operations on a range of cells.
  • Theme Packages: Multiple theme packages available including Excel-like (default) and Material (compact, dark or light).
  • Copy/Paste: Ability to copy and paste data from Excel, Google Sheets, or any other sheet format.
svelte
Svelte

Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

Storybook

Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.