Data Table Column Header

Sortable and hideable column header control for TanStack data tables.

Installation

bash

pnpm dlx shadcn@latest add @cs/data-table-column-header

tsx

import { DataTableColumnHeader } from "@/components/cs/data-table-column-header"

tsx

<DataTableColumnHeader column={column} title="Status" />

Renders a sortable data-table column header with a visibility action.

Name	Type	Default	Description
column *	SortableColumn	-	TanStack Table column that supplies sorting and visibility state.
inverted	boolean	false	Reverses the displayed sort direction, useful when a date column displays its age.
title *	string	-	Translation key for the column label.
translationsRootKey	string	"table"	Namespace containing `columns.<title>`, `columns.asc`, `columns.desc`, and `columns.hide` messages.