screenshot of Svelte


Virtualized Svelte Data Grid


ActiveWidgets is a multi-framework UI component library that provides a virtualized datagrid component for Svelte. It allows users to easily create versatile and responsive data tables in their applications.


  • Virtualized datagrid component: Provides a datagrid component that efficiently renders large datasets by only rendering the visible portion of the table.
  • Data properties: Allows users to customize the appearance and behavior of the datagrid by providing properties for columns, such as field, header, width, alignment, format, and fixed.
  • User events: Offers a compositemouse event that simplifies the identification of elements affected by user actions, in addition to standard DOM keyboard and mouse events.


To install the ActiveWidgets/Svelte datagrid component, follow these steps:

  1. Add @activewidgets/svelte to your project dependencies.
  2. Import the ActiveWidgets component classes into your Svelte component.
  3. Use the imported component classes like any standard Svelte component.


ActiveWidgets/Svelte is a powerful UI component library that provides a virtualized datagrid component for creating responsive data tables. Its key features include efficient rendering of large datasets, customization of column properties, and simplified identification of user actions. With its easy-to-install package and simple usage, ActiveWidgets/Svelte is a valuable tool for developers seeking to enhance their Svelte applications with dynamic and interactive data tables.


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 is a build tool that aims to provide a faster and leaner development experience for modern web projects