For AI agents: the documentation index is at llms.txt. Markdown versions are available by appending .md to any page URL, including this page's markdown.
Server-side rendering (SSR)
Server rendering and hydration tips for React grid layouts.
dnd-grid is safe to render on the server. DndGrid and ResponsiveDndGrid
measure their container width on the client, so use the patterns below to
avoid layout jumps and hydration warnings.
Use a client component
DndGrid relies on DOM events and ResizeObserver. In Next.js App Router,
render it in a client component:
"use client";
import { DndGrid } from "@dnd-grid/react";Auto width (default)
DndGrid and ResponsiveDndGrid wait for their first measurement by default.
If you want to render immediately, pass measureBeforeMount={false} and an
initialWidth.
import
Published with Edda