TableHeader

TableHeader is the row of column titles at the top of a table; it also decides the width of every column and writes them onto the table's grid.

The Table README describes it in full.

Stories

Default

The header of a four-column list, sorted by Name: drag the handles between the titles to resize the columns, hover a title to see its arrow, and click the cog to choose columns. Change any other prop live in the Controls panel below.

Without Settings

The same header without the cog, for a table whose columns are fixed (showSettings off).

Without Sorting

The same header for a list in a fixed order: no arrows, and a click on a title does nothing (sortingVisible off).

Right To Left

In a right-to-left interface the first column starts at the right edge and the cog sits at the left; dragging a handle to the left widens the column on its right.