Column Options | shadcn-table

Many of the column options you can pass here are the same as the ones that you can pass to the TanStack Table v9 ColumnDefs

Here is a list of all the column options you can specify in a column definition.

const columns = useMemo(
  () => [
    {
      accessorKey: 'name',
      header: 'Name',
      // All of the options you can specify here
    },
  ],
  [],
);

const table = useShadcnTable({ columns, data });

return <ShadcnTable table={table} />;

#	Type	Default Value	More Info Links
1	`(originalRow: TData) => any`		ST Data Columns Docs

2	`string & keyof TData`		ST Data Columns Docs

3	`({ cell, column, row, table }) => ReactNode`

4	`ST_AggregationFn<TData> \| Array<ST_AggregationFn<TData>>`	`'count'`	TanStack Table Grouping Docs

5	`({ cell, column, renderedCellValue, row, table }) => ReactNode`		ST Data Columns Docs

6	`Array<string>`

7	`Array<ST_ColumnDef<TData>>`

8	`({ cell, column, row, table }) => ReactNode`		ST Editing Docs

9	`DropdownOption[] \| (({ cell, column, row, table, }) => DropdownOption[])`

10	`'text' \| 'select'`	`'text'`

11	`boolean \| 'context-menu' \| ((cell: ST_Cell<TData>) => 'context-menu' \| boolean)`		ST Click to Copy Docs

12	`boolean`		ST Column Actions Docs

13	`boolean`

14	`boolean`		ST Column Filtering Docs

15	`boolean`		ST Column Filtering Docs

16	`boolean`

17	`boolean \| (row) => boolean`

18	`boolean`		ST Column Filtering Docs

19	`boolean`

20	`boolean`

21	`boolean`

22	`boolean`	`true`

23	`boolean`

24	`boolean`

25	`boolean`

26	`({ column, header, table }) => ReactNode`		ST Column Filtering Docs

27	`ST_FilterFn`	`'fuzzy'`

28	`Array<string \| { label: string; value: string }>`

29	`'text' \| 'select' \| 'multi-select' \| 'range' \| 'range-slider' \| 'checkbox' \| 'autocomplete' \| 'date' \| 'date-range' \| 'datetime' \| 'datetime-range' \| 'time' \| 'time-range'`	`'text'`

30	`ReactNode \| ({ column, footer, table }) => ReactNode`		ST Data Columns Docs

31	`(row: TData) => any)`		TanStack Table Grouping Docs

32	`({ cell, column, row, table }) => ReactNode`

33	`boolean \| number`

34	`ReactNode \| (({ column, header, table }) => ReactNode)`		ST Data Columns Docs

35	`string`		TanStack Table ColumnDef Docs

36	`string`		TanStack Table ColumnDef Docs

37	`boolean`	`false`

38	`number`	`1000`

39	`any`	`{}`

40	`number`	`40`

41	`({ cell, column, row, table }) => ReactNode`

42	`{ cell, closeMenu, column, internalMenuItems, row, staticColumnIndex, staticRowIndex, table }) => ReactNode[]`

43	`({ closeMenu, column, internalColumnMenuItems, table }) => ReactNode[]`

44

45	`number`	`180`

46	`boolean`

47	`SortFnOption`		TanStack Table Sorting Docs

48	`'first' \| 'last' \| false \| 1 \| -1`

49	`IconButtonProps \| ({ column, table }) => IconButtonProps`		shadcn/ui IconButton API

50	`IconButtonProps \| ({ column, table }) => IconButtonProps`		shadcn/ui IconButton API

51	`ButtonProps \| ({ cell, column, row, table }) => ButtonProps`		shadcn/ui Button API

52	`TextFieldProps \| ({ cell, column, row, table }) => TextFieldProps`		shadcn/ui TextField API

53	`AutocompleteProps \| ({ column, rangeFilterIndex, table }) => AutocompleteProps`		shadcn/ui Date Picker Props

54	`CheckboxProps \| ({ column, table }) => CheckboxProps`		shadcn/ui Checkbox Props

55	`DatePickerProps \| ({ column, rangeFilterIndex, table }) => DatePickerProps`		shadcn/ui Date Picker Props

56	`DateTimePickerProps \| ({ column, rangeFilterIndex, table }) => DateTimePickerProps`		shadcn/ui Date Picker Props

57	`SliderProps \| ({ column, table}) => SliderProps`		shadcn/ui Slider Props

58	`TextFieldProps \| ({ column, rangeFilterIndex, table }) => TextFieldProps`		shadcn/ui TextField Props

59	`TimePickerProps \| ({ column, rangeFilterIndex, table }) => TimePickerProps`		shadcn/ui Date Picker Props

60	`TableCellProps \| ({ cell, table }) => TableCellProps`		shadcn/ui TableCell API

61	`TableCellProps \| ({ column, table }) => TableCellProps`		shadcn/ui TableCell API

62	`TableCellProps \| ({ column, table }) => TableCellProps`		shadcn/ui TableCell API

63	`boolean`	`true`	ST Column Hiding Docs

Wanna see the source code for this table? Check it out down below!