Vanilla JS / TypeScript integration
Install line, peers, styles, and a minimal import for Vanilla JS / TypeScript. Live docs demos open in StackBlitz in one click—no local clone required.
Why Simple Table on Vanilla JS / TypeScript
Integrate at the DOM level with simple-table-core when you control rendering yourself, embed in legacy apps, or prototype without a framework. Import CSS once and wire updates with your own state layer.
Install
Peer expectations: None (bring your own DOM glue)
npm install simple-table-coreStyles
Import the published stylesheet once in your app entry (or a layout component).
import "simple-table-core/styles.css";Minimal import surface
import { SimpleTableVanilla } from "simple-table-core";
import "simple-table-core/styles.css";Documentation demos include Open in StackBlitz so you can run and edit a full Vanilla JS / TypeScript project in the browser. Start with the quick-start sandbox below.
Simple Table vs other Vanilla JS / TypeScript data grids
A vanilla TypeScript / web-component data grid: simple-table-core ships virtualization, pinning, grouping, and editing without React/Vue/Angular in the bundle—free under MIT, MIT-clean alternative to Tabulator and Handsontable.
If you have evaluated any of the libraries below, Simple Table is a drop-in MIT alternative that ships virtualization, pinning, grouping, and inline editing without a Pro license:
- Tabulator alternative
- Grid.js alternative
- jSpreadsheet alternative
- Handsontable Community alternative
- Webix DataTable alternative
- DataTables (jQuery) alternative
FAQ
- When should I use simple-table-core directly?
- Use it when you are not on React/Vue/etc., or when you wrap the grid in your own framework glue. For most apps, an official adapter is faster to integrate.
- Is this the same grid as the React package?
- Yes. Every adapter wraps the same simple-table-core engine, so features like sorting, editing, column APIs, and themes behave consistently. You choose the npm package that matches your framework.
- Where can I run a full example without cloning the repo?
- Use the StackBlitz quick start from this hub, or open documentation demos—many include “Open in StackBlitz” for a runnable project in the browser.
- Is there a deeper guide for this stack?
- Read the stack-specific pillar guide at https://www.simple-table.com/blog/vanilla-typescript-data-grid-simple-table-core for install context, patterns, and links back to this hub.