滤波器在PrimerReAtct DataTable上动态添加列时无效 我正在尝试从primeReyct中实现动态数据,但添加了新列没有过滤数据。 例如,有下拉列表,您可以在表中添加更多列,但添加了列过滤器P ...

问题描述 投票:0回答:0

const DataTableEditDemo = () => { const [columnList, setColumnList] = useState(["code"]); return ( <div> <MultiSelect value={columnList} options={columns} optionValue="field" optionLabel="header" onChange={(e) => setColumnList(e.value)} /> <DataTable value={data} responsiveLayout="scroll"> {columnList.map((val) => { return <Column key={val} field={val} header={val} filter />; })} </DataTable> </div> ); };

这是默认情况下加载列的工作过滤器的图片

在下拉列表中添加新列时,过滤器没有菜单UI都不要过滤

我想知道这是UI库错误还是我错过了一些东西。对于我的观察,Usestate应该启用此组件,但我猜过滤状态不会更新。

please add key inside setFilters const [filters, setFilters] = useState({ global: { value: null, matchMode: FilterMatchMode.CONTAINS }, name: { value: null, matchMode: FilterMatchMode.STARTS_WITH }, 'country.name': { value: null, matchMode: FilterMatchMode.STARTS_WITH }, representative: { value: null, matchMode: FilterMatchMode.IN }, status: { value: null, matchMode: FilterMatchMode.EQUALS }, verified: { value: null, matchMode: FilterMatchMode.EQUALS } });

reactjs filter datatable primereact dynamic-columns
© www.soinside.com 2019 - 2024. All rights reserved.