Svelte Datagrid

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.
• Easy Extension and Support: Easy extensibility and support for modern VNode features and tsx support.
• Trimmed Rows: Ability to hide rows on demand.
• Plugin System: Create custom plugins or extend existing ones with ease.
• Hundreds of Customizations and Improvements: Offers a multitude of small customizations and improvements.

Installation

To install the RevoGrid theme, you can use either NPM or Yarn.

# With NPM
npm install revogrid

# With Yarn
yarn add revogrid

Summary

The RevoGrid is a highly customizable grid component that provides a wide range of features for displaying and manipulating data. With its powerful core, intelligent Virtual DOM, and smart row recombination, it offers excellent performance. The grid supports essential features like sorting, filtering, and export to file, as well as customizations such as column resizing, cell editing, and drag and drop functionality. It also offers various theme packages and easy extensibility through plugins. With its numerous small customizations and improvements, the RevoGrid is a versatile grid component suitable for various use cases.