Support Millions of cells and thousands of columns easy and efficiently for fast data rendering. Easy to use.
Demo and API • Key Features • How To Use • Installation • Docs • License
RevoGrid material theme.High Performance: Handles millions of cells in the viewport with a powerful core built by default.
Keyboard Support:
Lightweight: Minimal initial bundle size . Can be imported with polyfills or as a module for modern browsers.
Intelligent Virtual DOM: Smart row recombination to minimize redraws.
Sorting: Multiple options, customizable per column, with advanced event handling.
Filtering:
Export: Export data to file.
Custom Sizes: Define custom sizes for columns and rows. Automatic sizing based on content.
Column Resizing: Adjust column widths.
Pinned/Sticky/Freezed Elements:
Grouping:
Cell Editing: In-place editing of cell data.
Customizations:
Column Types: More details
Drag and Drop: Easily reorder rows.
Range Operations:
Theme Packages:
Extensibility: Modern VNode features and tsx support for easy extension.
Trimmed Rows: Hide rows on demand.
Plugin System: Create custom plugins or extend existing ones easily.
Additional Customizations and Improvements: Explore hundreds of other small customizations and improvements in RevoGrid.
With NPM:
npm i @revolist/svelte-datagrid --save;
With Yarn:
yarn add @revolist/svelte-datagrid;
// App.svelte
<script lang="ts">
import { RevoGrid } from '@revolist/svelte-datagrid';
import type { ColumnRegular } from '@revolist/revogrid';
// This part to makesure revogrid component is loaded and ready
import { defineCustomElements } from '@revolist/revogrid/loader';
defineCustomElements();
const columns = [
{
prop: 'name',
name: 'First',
},
{
prop: 'details',
name: 'Second',
},
];
const source = [
{
name: '1',
details: 'Item 1',
},
{
name: '2',
details: 'Item 2',
},
];
</script>
<RevoGrid {source} {columns}></RevoGrid>
We would like to extend our heartfelt gratitude to our sponsor for their generous support. Their contributions help us maintain and develop RevoGrid, ensuring continuous improvements and updates. If you are using RevoGrid in your project and would like to support its development, consider becoming a sponsor.
If you or your company would like to support the ongoing development of RevoGrid, please consider becoming a sponsor. Your support will help us continue to improve the project and provide the best possible tool for the community.
Thank you for supporting RevoGrid! 🙏
We invite you to join our vibrant community and contribute to the growth and success of RevoGrid. By getting involved, you'll have the opportunity to enhance your skills, gain valuable experience, and make a significant impact on an innovative project.
Your contribution, no matter how big or small, is valuable. By working on RevoGrid, you'll be part of an exciting project that's making a difference in the world of data grids. Join us today and let's build something amazing together!
MIT