首页 > 解决方案 > PrimeReact 3.4,DataTable,仅在受控模式下排序

问题描述

我在“受控”模式下使用 Primereact 3.4 的 DataTable 组件:我提供数据、sortField、sortOrder 和 onSort,正如他们的示例代码所示:

<DataTable value={this.state.cars} sortField={this.state.sortField} sortOrder={this.state.sortOrder} onSort={(e) => this.setState({sortField: e.sortField, sortOrder: e.sortOrder})}>
    <Column field="vin" header="Vin" sortable={true}/>
    <Column field="year" header="Year" sortable={true}/>
    <Column field="brand" header="Brand" sortable={true}/>
    <Column field="color" header="Color" sortable={true}/>
</DataTable>

我也在使用分页,因为这是一个非常大的数据块;我每页显示 50 条记录。

一切都按预期工作,除了当用户对列进行排序时,Datatable 会像在不受控制的模式下一样进行排序——对它在 DOM 中的 50 行进行排序——然后不久之后我的排序函数完成,为 DataTable 提供来自我的后端 API 的新排序数据。

如何告诉 DataTable使用我的排序功能,而不是尝试进行自己的不受控制的排序?

标签: reactjsprimereact

解决方案


推荐阅读