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

[Home](./index.md) &gt; [@datashaper/react](./react.md) &gt; [ArqueroDetailsListProps](./react.arquerodetailslistprops.md)

## ArqueroDetailsListProps interface

<b>Signature:</b>

```typescript
export interface ArqueroDetailsListProps extends Omit<IDetailsListProps, 'items'> 
```
<b>Extends:</b> Omit&lt;IDetailsListProps, 'items'&gt;

## Properties

|  Property | Modifiers | Type | Description |
|  --- | --- | --- | --- |
|  [clickableColumns?](./react.arquerodetailslistprops.clickablecolumns.md) |  | boolean | <i>(Optional)</i> Indicates that the entire column is clickable for selection. |
|  [defaultSortColumn?](./react.arquerodetailslistprops.defaultsortcolumn.md) |  | string | <i>(Optional)</i> Default sort column |
|  [defaultSortDirection?](./react.arquerodetailslistprops.defaultsortdirection.md) |  | SortDirection | <i>(Optional)</i> Resizable sort direction |
|  [features?](./react.arquerodetailslistprops.features.md) |  | [DetailsListFeatures](./react.detailslistfeatures.md) | <i>(Optional)</i> |
|  [fill?](./react.arquerodetailslistprops.fill.md) |  | boolean | <i>(Optional)</i> Indicates that the table should fill its container space, including the use of pseudo columns and rows to present a "spreadsheet-like" view. |
|  [isHeaderFixed?](./react.arquerodetailslistprops.isheaderfixed.md) |  | boolean | <i>(Optional)</i> Fixed headers on top when scrolling |
|  [limit?](./react.arquerodetailslistprops.limit.md) |  | number | <i>(Optional)</i> |
|  [metadata?](./react.arquerodetailslistprops.metadata.md) |  | TableMetadata | <i>(Optional)</i> Optional metadata to use for column smart features. Use this if you need to cache expensive stats computes separately to prevent recompute on remounting. |
|  [offset?](./react.arquerodetailslistprops.offset.md) |  | number | <i>(Optional)</i> |
|  [onCellDropdownSelect?](./react.arquerodetailslistprops.oncelldropdownselect.md) |  | [DropdownOptionSelect](./react.dropdownoptionselect.md) | <i>(Optional)</i> If array cells are displayed with a dropdown, this will fire when a value is selected. |
|  [onColumnClick?](./react.arquerodetailslistprops.oncolumnclick.md) |  | [ColumnClickFunction](./react.columnclickfunction.md) | <i>(Optional)</i> Passthrough to the column click handler. Will be applied to the column header only unless clickableColumns === true. Note that if the entire column is not clickable, this is duplicative of the built-in onColumnHeaderClick and they will both fire. TODO: maybe turn this into onColumnSelect? |
|  [onRenderGroupHeader?](./react.arquerodetailslistprops.onrendergroupheader.md) |  | [GroupHeaderFunction](./react.groupheaderfunction.md) | <i>(Optional)</i> Passthrough to the group header rendering, when using the group by verb |
|  [resizable?](./react.arquerodetailslistprops.resizable.md) |  | boolean | <i>(Optional)</i> Resizable columns |
|  [selectedColumn?](./react.arquerodetailslistprops.selectedcolumn.md) |  | string | <i>(Optional)</i> Key for a selected column - this is not normally an option in DetailsList |
|  [showColumnBorders?](./react.arquerodetailslistprops.showcolumnborders.md) |  | boolean | <i>(Optional)</i> Indicates to use borders between columns so the cells look more like a spreadsheet (row borders are always on). |
|  [sortable?](./react.arquerodetailslistprops.sortable.md) |  | boolean | <i>(Optional)</i> |
|  [striped?](./react.arquerodetailslistprops.striped.md) |  | boolean | <i>(Optional)</i> Indicates whether to use even/odd row coloring. |
|  [style?](./react.arquerodetailslistprops.style.md) |  | CSSProperties | <i>(Optional)</i> Style to pass to the container. Use the regular DetailsList.styles prop for deeper customization of the table itself. |
|  [table](./react.arquerodetailslistprops.table.md) |  | ColumnTable |  |

