2026-04-18 · Vanilla JS / TypeScript · Integration guide

Vanilla TypeScript Data Grid: simple-table-core Without a Framework

Use SimpleTableVanilla from simple-table-core for framework-free UIs: npm package, CSS import, minimal bootstrap, and when to reach for adapters instead.

Install simple-table-core

The vanilla path uses the simple-table-core package directly—no React or other UI peer (None (bring your own DOM glue)). You mount the grid into a DOM container and drive updates from your own state layer.

npm install simple-table-core

Styles

Import the core stylesheet wherever you bootstrap the app shell so headers, cells, and editors pick up the default theme.

import "simple-table-core/styles.css";

SimpleTableVanilla bootstrap

Instantiate the vanilla class with a container element and configuration. Wire event handlers and data updates from your framework-agnostic code; the API mirrors the conceptual model used by adapters, which makes migrating to React or Vue later easier.

import { SimpleTableVanilla } from "simple-table-core";
import "simple-table-core/styles.css";

When to pick vanilla vs an adapter

Choose vanilla for embeds, micro-frontends with custom lifecycles, or tooling that is not React/Vue. Choose an official adapter when you want idiomatic components, fewer glue layers, and faster onboarding for framework developers.

Next steps

Follow the vanilla hub for npm details and StackBlitz, then explore documentation pages—APIs map cleanly across stacks once styles and bootstrap are in place.

Continue on your stack

Simple Table pairs a shared core (simple-table-core) with official adapters for React, Vue, Angular, Svelte, Solid, and vanilla TypeScript.