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

Virtual Scrolling
Handles large datasets efficiently — only rows within (and a small buffer around) the visible viewport are mounted
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. Real rows share one CSS grid, so the browser resolves column widths natively from actual content; responsive layouts switch based on container width, and sorting and filtering work out of the box — locally or delegated to a backend.

Next steps

Check out the Getting Started guide or dive into the Examples for more detailed usage patterns.

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

Virtual Scrolling

Responsive Layouts

Sorting & Filtering

TypeScript Support

@dynamicforms/vue-grid ​

Introduction ​

Next steps ​

@dynamicforms/vue-grid

Introduction

Next steps