如何在antdTable中使用“ defaultSortOrder”?

问题描述 投票:0回答:1

我想按升序显示数据,任何人都可以帮我解决这个问题吗?

我的表代码是:

const columns = [

      {
        title: "Pass date",
        dataIndex: "passDate",
        sorter: (a, b) =>
          moment(a.passDate) &&
          moment(a.passDate) > moment(b.passDate) &&
          moment(b.passDate)
            ? 1
            : -1,
        render: (name, item, i) => {
          return (
            <span>
              {item.passDate}&nbsp;&nbsp;

            </span>
          );
        }
      },
]
antd
1个回答
0
投票

仅尝试使用字符串和数字:

 const columns = [
  {
    title: "Pass date",
    dataIndex: "passDate",
    sorter: (a, b) =>
      moment(a.passDate) &&
      moment(a.passDate) > moment(b.passDate) &&
      moment(b.passDate)
        ? 1
        : -1,
    defaultSortOrder: "descend",
    render: (name, item, i) => {
      return (
        <span>
          {item.passDate}&nbsp;&nbsp;

        </span>
      );
    }
  }
]

如果要对日期或日期时间进行排序(例如12/12/2019格式),请尝试以下操作:

const columns = [
  {
    title: "Pass date",
    dataIndex: "passDate",
    sorter: (a, b) =>
      moment(a.passDate) &&
      moment(a.date).unix() - moment(b.date).unix() &&
      moment(b.passDate)
        ? 1
        : -1,
    defaultSortOrder: "descend",
    render: (name, item, i) => {
      return (
        <span>
          {item.passDate}&nbsp;&nbsp;

        </span>
      );
    }
  }
]
© www.soinside.com 2019 - 2024. All rights reserved.