WTS Data Table

Documentation and examples

Find a setup guide, explore a live table, or look up a production integration. Browse the portal below, with official npm packages listed at the end.

Start here

WTS Data Table overview
Install the package and try the interactive table.
Documentation and quick start
Installation, configuration, state, and API usage.
Data table features
Search, editing, selection, responsive layouts, and rendering options.
Premium capabilities
Licensed cards, large-data processing, and advanced workflows.
Pricing and licensing
Free Standard features and renewable Premium access.

Framework wrappers
Angular, React, and Vue lifecycle, state, and native rendering.
Plug-in development
Consume, author, validate, and distribute feature plug-ins.
Themes and customization
Theme adapters, automatic detection, and CSS custom properties.
Internationalization
Locale packs, negotiation, formatting, lazy loading, and RTL.
Server-side data tables and pagination
Connect a data table to an API for server-side pagination, filtering, sorting, cursor loading, and cancellable requests.
Server packages
Protocol boundaries and backend application integration.
Database adapters
PostgreSQL, MySQL, SQLite, Knex, and Prisma adapters.
Licensed advanced features
Entitlements, feature imports, origins, and security boundaries.
Data table bundle size and tree shaking
Renderer selection, presets, focused imports, and budgets.
API stability
Stable contracts, semantic versioning, and upgrade expectations.
Angular data table guide
Build an Angular data table with standalone components, signals, filters, row selection, editable cells, and server-side pagination.
React data table guide
Build a React 18/19 data table with hooks, stable options, selection, inline editing, and server-side pagination. Includes Next.js guidance.
Vue 3 data table guide
Build a Vue 3 data table with typed components, shallowRef, filters, row selection, editable cells, and cancellable server-side data.

Complete portfolio table
A production-style view combining search, filters, selection, responsive details, pagination, and summaries.
Card view
A licensed responsive card layout, enabled when the demo subscription is active for this origin. Explore projects as responsive cards. Switch between Table, Cards, and Auto without losing search, pagination, or row selection. Auto uses cards when the table container is 720px wide or smaller.
Selection and bulk work
Select individual projects or the filtered result set and respond to state changes from your application.
Search and column filters
Combine quick global search with type-aware filters and collapsible column controls.
Grouping and totals
Group rows by status and keep aggregate budget totals visible as the view changes.
Responsive details
Keep priority fields visible and move supporting fields into accessible inline details when space gets tight.
Inline editing
Double-click editable cells, validate changes, and connect commits to your own persistence layer.

These links open npm. Install the core package alongside the wrapper for your framework.