aaronvanston/tanstack-table
skills/tanstack-table/SKILL.md
Build tables and datagrids with TanStack Table v8. Covers column definitions, row models, sorting, filtering, pagination, grouping, expanding, row selection, column sizing/ordering/pinning/visibility, virtualization, row pinning, faceting, fuzzy filtering, custom features, state management, and rendering. React adapter primary, core API is framework-agnostic. Use when asked to "build a data table", "add sorting to a table", "paginate results", "filter table data", "create a datagrid", "add row selection", "virtualize a large table", or any task involving TanStack Table.
$ install --global
skillsauthnpx skillsauth add aaronvanston/agent-skills tanstack-tableInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Error
VirusTotalMulti-engine malware detection
70%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Mar 26, 2026, 10:08 AM43.0s16 files scanned
SKILL.md
- name:
- tanstack-table
- description:
- Build tables and datagrids with TanStack Table v8. Covers column definitions, row models, sorting, filtering, pagination, grouping, expanding, row selection, column sizing/ordering/pinning/visibility, virtualization, row pinning, faceting, fuzzy filtering, custom features, state management, and rendering. React adapter primary, core API is framework-agnostic. Use when asked to "build a data table", "add sorting to a table", "paginate results", "filter table data", "create a datagrid", "add row selection", "virtualize a large table", or any task involving TanStack Table.
TanStack Table
Headless UI library for building tables and datagrids. Framework-agnostic core, React adapter (@tanstack/react-table) primary.
Workflow
Determine which feature applies and load the relevant reference:
- Columns - define accessors, headers, groups, sizing, ordering, pinning, visibility: references/columns.md
- Data & Row Models - data shape, row model pipeline, Row/Cell types: references/data.md
- Sorting - sort state, multi-sort, custom sort functions, manual sorting: references/sorting.md
- Filtering - column filters, global filters, faceting (column + global): references/filtering.md
- Fuzzy Filtering -
@tanstack/match-sorter-utilsintegration: references/fuzzy-filtering.md - Pagination - client-side and server-side pagination: references/pagination.md
- Row Selection - checkbox patterns, single/multi select, sub-row selection: references/selection.md
- Grouping - grouping state, aggregation, rendering grouped cells: references/grouping.md
- Expanding - sub-rows, detail panels, expand/collapse APIs: references/expanding.md
- Row Pinning - pin rows to top/bottom, keep pinned rows option: references/row-pinning.md
- Virtualization - @tanstack/react-virtual integration, row/column virtualization: references/virtualization.md
- State - controlled vs uncontrolled, onChange handlers, auto-reset: references/state.md
- Rendering - flexRender, table structure, types, framework adapters: references/rendering.md
- Advanced - editable cells, DnD reordering, div-based tables: references/advanced.md
- Custom Features - extending table with
_featuresand TypeScript declaration merging: references/custom-features.md
Principles
getCoreRowModel()is the only required row model - everything else is opt-in- Memoize column definitions with
useMemoor define outside the component - Keep data references stable - avoid inline
data={fetch()}, use state/memo - Row models are composable - pipeline: Core → Filtered → Grouped → Sorted → Expanded → Paginated
- Only import row models you need - each is tree-shakeable
flexRenderrenders cells and headers from column defs- For server-side operations - set
manualSorting/manualFiltering/manualPaginationand manage state yourself createColumnHelper<T>()for maximum type safety
Related Skills
aaronvanston/wiki-term-research
development
VerifiedTrustedCommunity
Create deeply researched wiki term entries with web research, practical examples, and cross-references. Use when the user asks to "create a wiki term," "write a term entry," "add a glossary definition," "research a concept," "define this term," or when a meeting ingestion identifies terms to create. Produces comprehensive entries with external citations, worked examples, and detailed breakdowns. Works with any domain wiki using markdown content.
1SKILL.mdUpdated Mar 26, 2026
aaronvanston/wiki-setup
documentation
VerifiedTrustedCommunity
Set up a markdown-based wiki knowledge base in a repository. Creates the directory structure, writing guide, AGENTS.md configuration, and initial content templates. Use when the user asks to "set up a wiki," "create a knowledge base," "start a wiki," "initialize wiki content," "set up a second brain," or wants to create a structured markdown content system for learning and research in their project.
1SKILL.mdUpdated Mar 26, 2026
aaronvanston/wiki-meeting-ingest
documentation
VerifiedTrustedCommunity
Ingest a meeting transcript into a markdown wiki -- creating cleaned transcripts, structured meeting notes, person profiles, term stubs, and feature evidence. Use when the user asks to "ingest meeting notes," "process a meeting," "add meeting to wiki," "create meeting notes from transcript," "process Granola notes," or provides a transcript to be turned into wiki content. Works with any domain wiki that follows the markdown content directory pattern.
1SKILL.mdUpdated Mar 26, 2026
aaronvanston/creating-presentations
development
VerifiedTrustedCommunity
Create bold, minimal slide decks and investor pitch decks. Covers the full presentation workflow including narrative structure, slide copywriting, visual design (typography, layouts, section colors), speaker notes, and async-readable pitch decks. Supports dark and light themes. Use when asked to "create a presentation", "outline a deck", "write slides about...", "design a talk on...", "build a pitch deck", "investor presentation", "help me with my talk", "draft slide content", "write speaker notes", or any task involving planning, structuring, writing, designing, or preparing a slide deck for live presenting or standalone distribution.
1SKILL.mdUpdated Mar 26, 2026