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

[Home](./index.md) &gt; [@datashaper/react](./react.md) &gt; [useDetailsListStyles](./react.usedetailsliststyles.md)

## useDetailsListStyles() function

Create a DetailsHeader style with enough height to handle the options we've turned on. Each one requires a small amount of vertical space that stacks up.

<b>Signature:</b>

```typescript
export declare function useDetailsListStyles(isHeaderFixed: boolean, features?: DetailsListFeatures, styles?: IDetailsListStyles, hasColumnClick?: boolean, compact?: boolean): IDetailsListStyles;
```

## Parameters

|  Parameter | Type | Description |
|  --- | --- | --- |
|  isHeaderFixed | boolean |  |
|  features | [DetailsListFeatures](./react.detailslistfeatures.md) | <i>(Optional)</i> |
|  styles | IDetailsListStyles | <i>(Optional)</i> |
|  hasColumnClick | boolean | <i>(Optional)</i> |
|  compact | boolean | <i>(Optional)</i> |

<b>Returns:</b>

IDetailsListStyles


