Pin user-specified rows to top or bottom regions in TanStack Table.
npx skills add https://github.com/TanStack/table --skill row-pinning
Please help me install this Agent Skill. Skill: row-pinning Source: https://github.com/TanStack/table/tree/main/packages/table-core/skills/row-pinning Command: npx skills add https://github.com/TanStack/table --skill row-pinning
Pinning specific rows to the top or bottom solves the problem of keeping key records visible while users sort, filter, or paginate a TanStack Table datagrid.
row.pin() to pin/unpin and row.getIsPinned()-style APIs to drive UI state (buttons, indicators, and permissions).keepPinnedRows (default) or disappear when filtered/paginated out.Tell the AI coding agent to implement row pinning in a TanStack Table v9 setup by adding the row pinning feature, defining a stable getRowId, rendering pinned regions using getTopRows() and getBottomRows(), and wiring pin/unpin buttons to row.pin('top') and row.pin(false).
High-intent search queries and answers about installing and using this skill.
To pin rows in TanStack Table, add the row pinning feature, define a stable row identity via getRowId, and use row.pin('top') or row.pin('bottom') to keep records visible while sorting, filtering, or paginating.
By default, pinned rows stay visible across pagination and filtering using the keepPinnedRows option. You can disable this behavior to let pinned rows disappear when they are filtered or paginated out of the main datagrid view.
A stable row identity via getRowId is required for row pinning because the feature tracks pinned records by their unique IDs. Without stable identifiers, sorting or filtering operations would break the association between pinned rows and their data.
Yes, TanStack Table row pinning supports grouped and expanded rows by using include flags. This ensures hierarchical data stays coherent when pinning parent or leaf row groups to the top or bottom regions of the datagrid.
Use getTopRows() and getBottomRows() to render pinned regions separately from the main flow. This pipeline-aware rendering retrieves center rows via getCenterRows() to avoid duplicated rows and keeps the datagrid display focused.
TanStackImplements TanStack Table v9 row selection with stable IDs for filtered, grouped, and paginated views.
huialiExplain Rust's Pin and Unpin traits for memory safety in async programming.
janpeterdConfigure headless TanStack Table logic for sorting, filtering, pagination, and grouping.
TanStackCompose TanStack Vue Table with TanStack Virtual for row and column virtualization.