Skip to main content

Custom Header Renderers

You can customize your Headers and implement icons instead of text, or simply leaving them empty

Example

const columns: Column[] = useMemo(
  () => [
    {
      id: 'order',
      title: '',
      accessor: 'order',
      width: '3%',
      renderer: () => {
        return (
          <IconButton>
            <AddCircleIcon />
          </IconButton>
        )
      },
    },
    {
  ],
  [],
)