Primereact - 延迟加载和过滤问题

问题描述

我遇到了 Primereact 的 DataTable 组件的问题。当我使用lazy 参数时,我可以毫无问题地使用过滤器,但是当我使用lazy + filter 时,它不会过滤我的表

这样过滤器工作正常:

<div className="card">
                <h5>Virtual Scroll</h5>
                <DataTable
                    value={virtualCustomers}
                    scrollable
                    scrollHeight="200px" 
                    //lazy
                    rows={20}
                    loading={virtualLoading}
                        virtualscroll
                        virtualRowHeight={45}
                        onvirtualscroll={onvirtualscroll}
                        totalRecords={lazyTotalRecords}>
                    <Column field="name" header="Name" loadingBody={loadingText} filter></Column>
                    <Column field="country.name" header="Country" loadingBody={loadingText}></Column>
                    <Column field="representative.name" header="Representative" loadingBody={loadingText}></Column>
                    <Column field="status" header="Status" loadingBody={loadingText}></Column>
                </DataTable>
 </div>

但是这样过滤器不会刷新表格:

<div className="card">
                <h5>Virtual Scroll</h5>
                <DataTable
                    value={virtualCustomers}
                    scrollable
                    scrollHeight="200px" 
                    lazy
                    rows={20}
                    loading={virtualLoading}
                        virtualscroll
                        virtualRowHeight={45}
                        onvirtualscroll={onvirtualscroll}
                        totalRecords={lazyTotalRecords}>
                    <Column field="name" header="Name" loadingBody={loadingText} filter></Column>
                    <Column field="country.name" header="Country" loadingBody={loadingText}></Column>
                    <Column field="representative.name" header="Representative" loadingBody={loadingText}></Column>
                    <Column field="status" header="Status" loadingBody={loadingText}></Column>
                </DataTable>
 </div>

您有任何解决方案或这是一个错误吗?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)