Source: https://tanstack.com/table/latest/docs/guide/row-pinning

TanStack

Table v8v8

Search...

+ K

Auto

Log In

TanStack StartRC

Docs Examples GitHub Contributors

TanStack Router

Docs Examples GitHub Contributors

TanStack Query

Docs Examples GitHub Contributors

TanStack Table

Docs Examples Github Contributors

TanStack Formnew

Docs Examples Github Contributors

TanStack DBbeta

Docs Github Contributors

TanStack Virtual

Docs Examples Github Contributors

TanStack Paceralpha

Docs Examples Github Contributors

TanStack Storealpha

Docs Examples Github Contributors

TanStack Devtoolsalpha

Docs Github Contributors

More Libraries

Maintainers Partners Support Learn StatsBETA Discord Merch Blog GitHub Ethos Brand Guide

Documentation

Framework

React

Version

Latest

Search...

+ K

Menu

• Home

• Frameworks

• Contributors

• GitHub

• Discord

Getting Started

• Introduction
  
  core

• Overview
  
  core

• Installation
  
  core

• Migrating to V8
  
  core

• FAQ
  
  core

• React Table Adapter
  
  react

Core Guides

• Data
  
  core

• Column Defs
  
  core

• Table Instance
  
  core

• Row Models
  
  core

• Rows
  
  core

• Cells
  
  core

• Header Groups
  
  core

• Headers
  
  core

• Columns
  
  core

• Table State
  
  react

Feature Guides

• Column Ordering
  
  core

• Column Pinning
  
  core

• Column Sizing
  
  core

• Column Visibility
  
  core

• Column Filtering
  
  core

• Global Filtering
  
  core

• Fuzzy Filtering
  
  core

• Column Faceting
  
  core

• Global Faceting
  
  core

• Grouping
  
  core

• Expanding
  
  core

• Pagination
  
  core

• Row Pinning
  
  core

• Row Selection
  
  core

• Sorting
  
  core

• Virtualization
  
  core

• Custom Features
  
  core

Core APIs

• Column Def
  
  core

• Table
  
  core

• Column
  
  core

• Header Group
  
  core

• Header
  
  core

• Row
  
  core

• Cell
  
  core

Feature APIs

• Column Filtering
  
  core

• Column Faceting
  
  core

• Column Ordering
  
  core

• Column Pinning
  
  core

• Column Sizing
  
  core

• Column Visibility
  
  core

• Global Faceting
  
  core

• Global Filtering
  
  core

• Sorting
  
  core

• Grouping
  
  core

• Expanding
  
  core

• Pagination
  
  core

• Row Pinning
  
  core

• Row Selection
  
  core

Enterprise

• AG Grid
  
  core

Examples

• Basic
  
  react

• Header Groups
  
  react

• Column Filters
  
  react

• Column Filters (Faceted)
  
  react

• Fuzzy Search Filters
  
  react

• Column Ordering
  
  react

• Column Ordering (DnD)
  
  react

• Column Pinning
  
  react

• Sticky Column Pinning
  
  react

• Column Sizing
  
  react

• Performant Column Resizing
  
  react

• Column Visibility
  
  react

• Editable Data
  
  react

• Expanding
  
  react

• Sub Components
  
  react

• Fully Controlled
  
  react

• Grouping
  
  react

• Pagination
  
  react

• Pagination Controlled
  
  react

• Row DnD
  
  react

• Row Pinning
  
  react

• Row Selection
  
  react

• Sorting
  
  react

• Virtualized Columns
  
  react

• Virtualized Columns (Experimental)
  
  react

• Virtualized Rows
  
  react

• Virtualized Rows (Experimental)
  
  react

• Virtualized Infinite Scrolling
  
  react

• Kitchen Sink
  
  react

• React Bootstrap
  
  react

• Material UI Pagination
  
  react

• React Full Width
  
  react

• React Full Width Resizable
  
  react

• Custom Features
  
  react

• Query Router Search Params
  
  react

Framework

React

Version

Latest

Menu

• Home

• Frameworks

• Contributors

• GitHub

• Discord

Getting Started

• Introduction
  
  core

• Overview
  
  core

• Installation
  
  core

• Migrating to V8
  
  core

• FAQ
  
  core

• React Table Adapter
  
  react

Core Guides

• Data
  
  core

• Column Defs
  
  core

• Table Instance
  
  core

• Row Models
  
  core

• Rows
  
  core

• Cells
  
  core

• Header Groups
  
  core

• Headers
  
  core

• Columns
  
  core

• Table State
  
  react

Feature Guides

• Column Ordering
  
  core

• Column Pinning
  
  core

• Column Sizing
  
  core

• Column Visibility
  
  core

• Column Filtering
  
  core

• Global Filtering
  
  core

• Fuzzy Filtering
  
  core

• Column Faceting
  
  core

• Global Faceting
  
  core

• Grouping
  
  core

• Expanding
  
  core

• Pagination
  
  core

• Row Pinning
  
  core

• Row Selection
  
  core

• Sorting
  
  core

• Virtualization
  
  core

• Custom Features
  
  core

Core APIs

• Column Def
  
  core

• Table
  
  core

• Column
  
  core

• Header Group
  
  core

• Header
  
  core

• Row
  
  core

• Cell
  
  core

Feature APIs

• Column Filtering
  
  core

• Column Faceting
  
  core

• Column Ordering
  
  core

• Column Pinning
  
  core

• Column Sizing
  
  core

• Column Visibility
  
  core

• Global Faceting
  
  core

• Global Filtering
  
  core

• Sorting
  
  core

• Grouping
  
  core

• Expanding
  
  core

• Pagination
  
  core

• Row Pinning
  
  core

• Row Selection
  
  core

Enterprise

• AG Grid
  
  core

Examples

• Basic
  
  react

• Header Groups
  
  react

• Column Filters
  
  react

• Column Filters (Faceted)
  
  react

• Fuzzy Search Filters
  
  react

• Column Ordering
  
  react

• Column Ordering (DnD)
  
  react

• Column Pinning
  
  react

• Sticky Column Pinning
  
  react

• Column Sizing
  
  react

• Performant Column Resizing
  
  react

• Column Visibility
  
  react

• Editable Data
  
  react

• Expanding
  
  react

• Sub Components
  
  react

• Fully Controlled
  
  react

• Grouping
  
  react

• Pagination
  
  react

• Pagination Controlled
  
  react

• Row DnD
  
  react

• Row Pinning
  
  react

• Row Selection
  
  react

• Sorting
  
  react

• Virtualized Columns
  
  react

• Virtualized Columns (Experimental)
  
  react

• Virtualized Rows
  
  react

• Virtualized Rows (Experimental)
  
  react

• Virtualized Infinite Scrolling
  
  react

• Kitchen Sink
  
  react

• React Bootstrap
  
  react

• Material UI Pagination
  
  react

• React Full Width
  
  react

• React Full Width Resizable
  
  react

• Custom Features
  
  react

• Query Router Search Params
  
  react

On this page

• Examples

• API

• Row Pinning Guide

Row Pinning Guide

Copy Markdown

Examples
--------

Want to skip to the implementation? Check out these examples:

• row-pinning

API
---

Row Pinning API

Row Pinning Guide
-----------------

There are 2 table features that can reorder rows, which happen in the following order:

1. Row Pinning - If pinning, rows are split into top, center (unpinned), and bottom pinned rows.
2. Sorting

Edit on GitHub

Pagination

Row Selection

Partners Become a Partner