table-builder

Provide client-side data-table UI components for sorting, filtering, and row actions.

Updated Jan 8, 2026
One-click install
npx skills add https://github.com/Arnutt-N/hr-ims --skill table-builder-arnutt-n
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: table-builder
Source: https://github.com/Arnutt-N/hr-ims/tree/main/.claude/skills/table-builder
Command: npx skills add https://github.com/Arnutt-N/hr-ims --skill table-builder-arnutt-n

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides ready-to-use data-table UI components for HR-IMS that enable sortable columns, filtering, bulk selection, and row-level actions, speeding up table-based UI development.

Core Features & Use Cases

  • Sortable and filterable data tables with selection, pagination, and row actions for admin dashboards.
  • Reusable column patterns and headers to accelerate table construction across modules.
  • Use Case: Build an inventory or user management table with search and bulk actions in minutes.

Quick Start

Instantiate the table component with your data and column definitions to render an interactive grid that supports sorting, filtering, and actions.

Frequently Asked Questions about table-builder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build interactive data tables with sorting and filtering in TypeScript?

To build interactive data tables with filtering and sorting in TypeScript, use this Skill's client-side components to define reusable columns and render sortable, filterable grids without manual UI wiring.

Can I add row-level actions and bulk selection to an admin dashboard data table?

Yes, you can add row-level actions and bulk selection to a data table by applying this Skill's ready-made column patterns, which support per-row interactions and multi-select checkboxes out of the box.

What is the best way to create reusable column definitions for a sortable datatable?

The best way to create reusable column definitions for a sortable datatable is using typed TypeScript integration, allowing you to instantiate modular column patterns once and apply them across multiple admin dashboard modules.

Does this framework-agnostic datatable component work without external UI libraries?

Yes, this framework-agnostic datatable component works without external UI libraries, providing client-side rendering for pagination, sorting, and filtering directly within your HR-IMS applications.

How do I set up pagination and per-column filtering for large inventory records?

To set up pagination and per-column filtering for large inventory records, instantiate the table component with your dataset and column definitions to automatically render an interactive grid with built-in client-side pagination.