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

[Home](./index.md) &gt; [@datashaper/react](./react.md) &gt; [DetailsListFeatures](./react.detailslistfeatures.md)

## DetailsListFeatures interface

<b>Signature:</b>

```typescript
export interface DetailsListFeatures 
```

## Properties

|  Property | Modifiers | Type | Description |
|  --- | --- | --- | --- |
|  [commandBar?](./react.detailslistfeatures.commandbar.md) |  | IRenderFunction&lt;IDetailsColumnProps&gt;\[\] | <i>(Optional)</i> Receive elements to render in the column header as commands, passing the column details to be used in the component |
|  [histogramColumnHeaders?](./react.detailslistfeatures.histogramcolumnheaders.md) |  | boolean | <i>(Optional)</i> Include histograms in the headers of numeric columns. |
|  [lazyLoadGroups?](./react.detailslistfeatures.lazyloadgroups.md) |  | boolean | <i>(Optional)</i> Collapse most groups so we can lazy load them. Default as true |
|  [onHistogramColumnHeaderClick?](./react.detailslistfeatures.onhistogramcolumnheaderclick.md) |  | [MetadataClickFunction](./react.metadataclickfunction.md) | <i>(Optional)</i> If histogramColumnHeaders is true the user can pass a custom function to the click event |
|  [onStatsColumnHeaderClick?](./react.detailslistfeatures.onstatscolumnheaderclick.md) |  | [MetadataClickFunction](./react.metadataclickfunction.md) | <i>(Optional)</i> If statsColumnHeaders is true the user can pass a custom function to the click event |
|  [showBooleanSymbol?](./react.detailslistfeatures.showbooleansymbol.md) |  | boolean | <i>(Optional)</i> Without smartCells, if datatype is boolean, shows a symbol |
|  [showCategoricalBar?](./react.detailslistfeatures.showcategoricalbar.md) |  | boolean | <i>(Optional)</i> Without smartCells, if datatype is array, shows a categorical bar |
|  [showDateFormatted?](./react.detailslistfeatures.showdateformatted.md) |  | boolean | <i>(Optional)</i> Without smartCells, if datatype is date, shows the date formatted |
|  [showDropdown?](./react.detailslistfeatures.showdropdown.md) |  | boolean | <i>(Optional)</i> Without smartCells, If datatype is array, shows a dropdown with the values |
|  [showNumberMagnitude?](./react.detailslistfeatures.shownumbermagnitude.md) |  | boolean | <i>(Optional)</i> Without smartCells, if datatype is number, shows the magnitude of the value |
|  [showSparkbar?](./react.detailslistfeatures.showsparkbar.md) |  | boolean | <i>(Optional)</i> Without smartCells, if datatype is array, shows a sparkbar |
|  [showSparkline?](./react.detailslistfeatures.showsparkline.md) |  | boolean | <i>(Optional)</i> Without smartCells, if datatype is array, shows a sparkline |
|  [smartCells?](./react.detailslistfeatures.smartcells.md) |  | boolean | <i>(Optional)</i> Use embedded charts and vis based on data types and cell contents. |
|  [smartHeaders?](./react.detailslistfeatures.smartheaders.md) |  | boolean | <i>(Optional)</i> Includes stats and histograms in the headers of columns |
|  [statsColumnHeaders?](./react.detailslistfeatures.statscolumnheaders.md) |  | boolean | <i>(Optional)</i> Include stats in the headers of columns. |
|  [statsColumnTypes?](./react.detailslistfeatures.statscolumntypes.md) |  | [StatsColumnType](./react.statscolumntype.md)<!-- -->\[\] | <i>(Optional)</i> If statsColumnHeaders or smartHeaders is true the user can pass which stats he wants |

