Skills
.Work. You
Rest

frontend-table-views

Official

Build typed table pages faster.

Software Engineering#typescript#frontend#routing#crud#pagination#datatable#tableview
Authorslingr-stack
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you build and maintain Drumr Framework table pages without mixing routing, page chrome, and table behavior, so list views stay consistent, typed, and easy to update.

Core Features & Use Cases

  • Route-driven table pages: Register each table page in app.registerRoutes() so routing remains the source of truth.
  • Clean TableView structure: Keep page-level props on TableView and move columns, filters, sorting, selection, and action wiring into tableOptions.
  • Strong typing for complex tables: Use dataTable.options<T>() when you want columns, toolbar actions, and callbacks validated together.
  • Refresh and post-action flows: Use DataTableRef or tableOptions.onActionExecuted to refresh after mutations and handle completion logic.
  • Practical use cases: Ideal for paginated model lists, embedded tables inside read views, CRUD toolbars, row actions, and custom row-click navigation.

Quick Start

Ask the assistant to create or refactor a Drumr Framework TableView page by registering the route, moving table behavior into tableOptions, and wiring any refresh or action callbacks you need.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: frontend-table-views
Download link: https://github.com/slingr-stack/qa-test-drumr/archive/main.zip#frontend-table-views

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 537,000+ vetted skills library on demand.