SolidJS Data Grid: Simple Table Setup and Patterns

Install @simple-table/solid

Requires solid-js as a peer (solid-js 1+). The adapter exposes a Solid component that participates in fine-grained updates instead of rerendering entire trees.

npm install @simple-table/solid

Styles

Import the stylesheet once at your application root so every route using the grid is styled.

import "@simple-table/solid/styles.css";

Component usage

Compose SimpleTable with Solid signals for row data and configuration objects. Column definitions can live in modules shared with other frameworks if you standardize on the core types.

import { SimpleTable } from "@simple-table/solid";
import "@simple-table/solid/styles.css";

Performance mindset

Solid’s fine-grained model pairs well with targeted cell updates. Keep references stable when possible so the grid can diff efficiently—mirroring guidance from other Simple Table adapters.

Next steps

Use the Solid hub for npm links and StackBlitz, then read feature documentation for advanced APIs like custom renderers and themes.