我正在使用Primereact,我想提高表的性能,所以我想让它成为服务器端分页,但我有一些问题服务器端分页工作与此代码,但过滤器也停止了下载CSV我想让它下载所有的数据,过滤,而不仅仅是在屏幕上呈现的25,我如何实现这一点?
useEffect(() => {
setFiltered(filteredData)
},[filteredData])
<DataTable
scrollable
size="small"
scrollHeight="auto"
className="datatable"
dataKey="id"
sortIcon={<PiSortDescendingBold />}
exportFilename={`${new Date().toLocaleDateString()}`}
value={filteredData}
ref={ref as any}
sortMode="single"
paginator
lazy
loading={loading}
first={first}
rows={rows}
onPage={e => {
setFirst(e.first)
setRows(e.rows)
}}
totalRecords={count}
rowsPerPageOptions={[10, 25, 50, 100]}
paginatorTemplate="RowsPerPageDropdown FirstPageLink PrevPageLink CurrentPageReport NextPageLink LastPageLink"
paginatorLeft
currentPageReportTemplate="{first} to {last} of {totalRecords}"
emptyMessage="No Data !"
onValueChange={e => setFiltered(e)}
// columns
</DataTable>
首先,rows是一个useState,里面有一个数字,setFiltered是一个空数组useState计数来自数据库的总计数