ListPageFilter
Deprecated: Use PatternFly’s Data view instead. Component that generates filter for list page.
Example
// See implementation for more details on RowFilter and FilterValue types
const [staticData, filteredData, onFilterChange] = useListPageFilter(
data,
rowFilters,
staticFilters,
);
// ListPageFilter updates filter state based on user interaction and resulting filtered data can be rendered in an independent component.
return (
<>
<ListPageHeader .../>
<ListPagBody>
<ListPageFilter data={staticData} onFilterChange={onFilterChange} />
<List data={filteredData} />
</ListPageBody>
</>
)| Parameter Name | Description |
|---|---|
|
An array of data points |
|
indicates that data has loaded |
|
callback function for when filter is updated |
|
(optional) An array of RowFilter elements that define the available filter options |
|
(optional) placeholder for name filter |
|
(optional) placeholder for label filter |
|
(optional) only shows the name filter instead of both name and label filter |
|
(optional) hides both name and label filter |
|
(optional) column layout object |
|
(optional) flag to hide the column management |