skills.rest
npow
npowCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

table

Render structured data as an interactive sortable and filterable browser table.

4|Updated Feb 23, 2026
Search Tags:#data visualization#filtering#sorting#vanilla javascript#comparison matrix#interactive tables
One-click install
npx skills add https://github.com/npow/claude-skills --skill table-npow
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: table
Source: https://github.com/npow/claude-skills/tree/main/table
Command: npx skills add https://github.com/npow/claude-skills --skill table-npow

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill turns structured data into readable, interactive browser tables, avoiding static text displays that make comparison, sorting, and data discovery difficult.

Core Features & Use Cases

  • Sortable Tables: Add column-based ascending and descending sorting with visible indicators.
  • Searchable Data: Filter rows using case-insensitive partial matching across all configured columns.
  • Typed Rendering: Present text, numbers, badges, ratings, booleans, and tags with appropriate formatting.
  • Use Case: Compare databases, products, plans, features, or other alternatives in a compact table that users can search and sort directly in the browser.

Quick Start

Use the table skill to render the provided product comparison data as a sortable, filterable browser table.

Frequently Asked Questions about table

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

FAQPage Schema
How do I turn structured data into an interactive table in the browser?▼

You can turn structured data into an interactive table by rendering it through a self-contained vanilla HTML, CSS, and JavaScript file that provides sortable and filterable capabilities directly in the browser.

What is the best way to create a searchable comparison matrix for product evaluations?▼

The best way to create a searchable comparison matrix is to render your structured data as a browser table with case-insensitive partial matching across all configured columns, allowing users to easily filter and compare products or plans.

Can I add column-based ascending and descending sorting to a feature catalog?▼

Yes, you can add column-based ascending and descending sorting to a feature catalog by implementing a vanilla JavaScript table that includes visible sorting indicators for each configured column header.

Does this approach support typed rendering for numbers, badges, and booleans?▼

Yes, this approach supports typed rendering to appropriately format and present text, numbers, badges, ratings, booleans, and tags within your structured data tables.

Do I need external libraries to build filterable data visualizations?▼

No, you do not need external libraries to build filterable data visualizations, because the implementation requires only a self-contained vanilla HTML, CSS, and JavaScript file verified through Chrome DevTools.

Related Skills

Explore More Data & Analytics Skills→
stahurastahura
19

sql-query

Execute raw SQL queries against dataset aliases and parse columnar responses into row objects.

Community
Intermediate
cartacarta
12

carta-reporting-markdown

Format and validate Carta cap table reports for markdown delivery.

Official
Advanced
GACLoveGACLove
2

interactive-dashboard-builder

Generate self-contained HTML dashboards with Chart.js charts and filters.

Community
Intermediate
DidierRLopesDidierRLopes
8

convert-beehiiv-newsletter

Convert Beehiiv newsletter posts into blog markdown files with front matter and images.

Community
Advanced