antd - 如何在 antdTable 中使用“defaultSortOrder”？

Question

我想按升序显示数据，谁能帮我解决这个问题？

我的表格代码是：

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>
          );
        }
      },
]

Answer 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,
    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>
      );
    }
  }
]