首页 > 解决方案 > react-bootstrap-table2 sortFunc 从未调用过

问题描述

我正在尝试自定义列的排序算法。我在文档中看到我应该使用“sortFunc”来这样做:不幸的是,我永远找不到输入函数的方法。

这是我的代码:

const columns = [
  {
    align: "center",
    classes: "font_orange",
    dataField: "min",
    formatter: priceFormatter,
    sort: true,
    sortFunc: (a, b, order, dataField, rowA, rowB) => {
      let fA = parseFloat(a);
      let fB = parseFloat(b);
      console.log('IN');
      if (order === 'asc') {
        return fB - fA;
      }
      return fA - fB; // desc
    },
    style: { whiteSpace: "normal" },
    text: "Min price"
  },

结果是按字符串排序的列(如默认排序算法),并且控制台中没有出现日志“IN”。

标签: sortingcustomizationreact-bootstrap-table

解决方案


如果您启用了远程:

所有更改都通过 onTableChange 侦听器进行,这是表完全控制您的唯一方式

https://react-bootstrap-table.github.io/react-bootstrap-table2/docs/basic-remote.html

这可能是你的钩子没有被调用的原因。


推荐阅读