DynamicForms Vue GridA fast, virtual-scrolling data grid for Vue 3

Responsive layouts, built-in sorting and filtering, flexible cell renderers — all in one component

Get Started

View on GitHub

Virtual Scrolling

Handles large datasets efficiently using vue-virtual-scroller — only visible rows are rendered

Responsive Layouts

Define multiple column layouts; the grid automatically activates the best fit based on container width

Sorting & Filtering

Per-column sort and filter configuration with local or server-side (external) support

TypeScript Support

Fully typed API — column definitions, sort state, filter state, events, and renderer options

@dynamicforms/vue-grid

A (not so) simple, (but hopefully) fast Vue 3 grid component with virtual scrolling, responsive layouts, and built-in sorting and filtering.

Introduction

@dynamicforms/vue-grid provides a single <DfGrid> component that renders large tabular datasets efficiently. Column widths are measured automatically via shadow grids, responsive layouts switch based on container width, and sorting and filtering work out of the box — locally or delegated to a backend.

Simple Example

Ready to get started? Check out the Getting Started guide or dive into the Examples for more detailed usage patterns.