React Tabulator - 服务器端排序，如何实现？

Question

我在我的应用程序中使用react tabulator https://www.npmjs.com/package/react-tabulator，我有一个表，我需要在服务器端进行排序。我怎样才能实现这个目标？我在互联网上找不到任何东西。这就是我的组件的样子。

    <ReactTabulator
      ref={tableRef}
      options={tableOptions}
      columns={tableColumns}
      data={data ?? []}
      tooltips={true}
      layout={"fitDataFill"}
      rowClick={rowClick}
      rowFormatter={tableRowFormatter}
    />

我只需要一个 onSort 事件，我可以在其中调用后端并更新数据。

Answer 1

您可以使用

sortMode

选项并将其设置为

remote

值以启用服务器端排序

var table = new Tabulator("#example-table", {
    sortMode:"remote", //send sort data to the server instead of processing locally
})

这将通过 ajax 请求的

sort

参数将一组排序选项传递回服务器：

[
    {
        column:column,
        field:"age",
        dir:"asc"
    },
    {
        column:column,
        field:"height"
        dir:"desc"
    }
]

查看 Ajax 排序文档 了解更多详细信息