<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[Home](./index.md) &gt; [@datashaper/react](./react.md) &gt; [ArqueroTableHeaderProps](./react.arquerotableheaderprops.md)

## ArqueroTableHeaderProps interface

Props for the ArqueroTableHeader component

<b>Signature:</b>

```typescript
export interface ArqueroTableHeaderProps 
```

## Properties

|  Property | Modifiers | Type | Description |
|  --- | --- | --- | --- |
|  [background?](./react.arquerotableheaderprops.background.md) |  | string | <i>(Optional)</i> The table background color |
|  [color?](./react.arquerotableheaderprops.color.md) |  | string | <i>(Optional)</i> The table color |
|  [commandBar?](./react.arquerotableheaderprops.commandbar.md) |  | ReactNode | <i>(Optional)</i> The optional command bar |
|  [farCommandBar?](./react.arquerotableheaderprops.farcommandbar.md) |  | ReactNode | <i>(Optional)</i> The optional far-command bar |
|  [name?](./react.arquerotableheaderprops.name.md) |  | string | <i>(Optional)</i> The table name |
|  [showColumnCount?](./react.arquerotableheaderprops.showcolumncount.md) |  | boolean | <i>(Optional)</i> Whether to show the column count |
|  [showRowCount?](./react.arquerotableheaderprops.showrowcount.md) |  | boolean | <i>(Optional)</i> Whether to show the row count |
|  [styles?](./react.arquerotableheaderprops.styles.md) |  | [ArqueroTableHeaderStyles](./react.arquerotableheaderstyles.md) | <i>(Optional)</i> The table styles |
|  [table](./react.arquerotableheaderprops.table.md) |  | ColumnTable | The arquero table to render |
|  [visibleColumns?](./react.arquerotableheaderprops.visiblecolumns.md) |  | string\[\] | <i>(Optional)</i> Column-names that are visible |

