WTS Data Table v1.1.1

Data tables for
JavaScript applications.

Install wts-data-table from npm for an accessible data grid with a typed TypeScript API. Search, sort, filter, and edit rows in Angular, React, Vue, or plain JavaScript.

Get started Try the playground View on npm

Free Standard features · No runtime dependencies

Start with a few rowsTypeScript

import { DataTable } from 'wts-data-table';
import 'wts-data-table/styles.css';

const table = new DataTable({
  element: '#projects',
  data: projects,
  columns: [
    { accessor: 'name', header: 'Project' },
    { accessor: 'status', header: 'Status' },
    { accessor: 'owner', header: 'Owner' },
  ],
  getRowId: row => row.id,
});

Find the setup for your framework

Interactive preview

Try sorting, filtering, and row selection.

Search projects, sort a column, or select a few rows. This is the published package, running in Angular.

View

Card view · Licensed. Cards share the same search, page, and row selection. Use Table for column controls and inline editing. Auto switches at a container width of 720px.

0 selectedLatest event: Table ready

Configure this example

Developer resources