[Home](./index.md) > [@datashaper/react](./react.md) > [ArqueroDetailsListProps](./react.arquerodetailslistprops.md) ## ArqueroDetailsListProps interface Props for the Arquero Details List component Signature: ```typescript export interface ArqueroDetailsListProps extends Omit ``` Extends: Omit<IDetailsListProps, 'items'> ## Properties | Property | Modifiers | Type | Description | | --- | --- | --- | --- | | [compactRowHeight?](./react.arquerodetailslistprops.compactrowheight.md) | | number | (Optional) If compact = true, override the default height. FluentUI hard-codes the compact height, so this gives us a way to customize how dense the rows are. Note that if compact = false (the default), this has no effect. | | [defaultSortColumn?](./react.arquerodetailslistprops.defaultsortcolumn.md) | | string | (Optional) Default sort column | | [defaultSortDirection?](./react.arquerodetailslistprops.defaultsortdirection.md) | | SortDirection | (Optional) Resizable sort direction | | [features?](./react.arquerodetailslistprops.features.md) | | [ArqueroDetailsListFeatures](./react.arquerodetailslistfeatures.md) | (Optional) | | [fields?](./react.arquerodetailslistprops.fields.md) | | Field\[\] | (Optional) | | [fill?](./react.arquerodetailslistprops.fill.md) | | boolean | (Optional) 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 | (Optional) Fixed headers on top when scrolling | | [limit?](./react.arquerodetailslistprops.limit.md) | | number | (Optional) | | [metadata?](./react.arquerodetailslistprops.metadata.md) | | TableMetadata | (Optional) 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 | (Optional) | | [onCellDropdownSelect?](./react.arquerodetailslistprops.oncelldropdownselect.md) | | [DropdownOptionSelect](./react.dropdownoptionselect.md) | (Optional) If array cells are displayed with a dropdown, this will fire when a value is selected. | | [onColumnSelect?](./react.arquerodetailslistprops.oncolumnselect.md) | | [ColumnSelectFunction](./react.columnselectfunction.md) | (Optional) Fires a column-wide select event for all columns, including headers. If you need custom behavior, use the built-in table-level onColumnHeaderClick and per-column onClick | | [onRenderGroupHeader?](./react.arquerodetailslistprops.onrendergroupheader.md) | | [GroupHeaderFunction](./react.groupheaderfunction.md) | (Optional) Passthrough to the group header rendering, when using the group by verb | | [resizable?](./react.arquerodetailslistprops.resizable.md) | | boolean | (Optional) Resizable columns | | [selectedColumn?](./react.arquerodetailslistprops.selectedcolumn.md) | | string | (Optional) Key for a selected column - this is not normally an option in DetailsList | | [showColumnBorders?](./react.arquerodetailslistprops.showcolumnborders.md) | | boolean | (Optional) 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 | (Optional) | | [striped?](./react.arquerodetailslistprops.striped.md) | | boolean | (Optional) Indicates whether to use even/odd row coloring. | | [style?](./react.arquerodetailslistprops.style.md) | | CSSProperties | (Optional) 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 | | | [validationResult?](./react.arquerodetailslistprops.validationresult.md) | | ValidationResult | (Optional) |