在 Ant Design 中使用过滤器和 ProTable

Question

我在 Ant Design Pro 中使用 ProTable。 table 的数据源由 API 从服务器接收。如果用户不是管理员，我会根据他的 userid 过滤数据源。问题是我无法获得两种情况（管理员和用户）的实际总页数。

这是我的 API 请求函数的代码：

function getRule(req, res, u) {
  let realUrl = u;

  if (!realUrl || Object.prototype.toString.call(realUrl) !== '[object String]') {
    realUrl = req.url;
  }

  const { current = 1, pageSize = 5 } = req.query;
  const params = parse(realUrl, true).query;
  let dataSource = [...tableListDataSource].slice((current - 1) * pageSize, current * pageSize);
  const filter = JSON.parse(params.filter);

  if (filter) {
    if (Object.keys(filter).length > 0) {
      dataSource = tableListDataSource.filter((item) => {
        return Object.keys(filter).some((key) => {
          if (!filter[key]) {
            return true;
          }

          if (filter[key].includes(`${item[key]}`)) {
            return true;
          }

          return false;
        });
      });
    }
  }

  // TODO: Fix total count of pages for admin
  const total = () => {
    if (Object.keys(filter).length > 0) {
      return dataSource.length
    } else {
      return tableListDataSource.length
    }
  }

  const result = {
    data: dataSource,
    total: total,
    success: true,
    pageSize,
    current: parseInt(`${params.currentPage}`, 10) || 1,
  };
  return res.json(result);
}

但是，对于用户，我得到的不是 dataSource.length，对于管理员，我得到的是 dataSource.length，而对于管理员，我得到的是 dataSource.length。我该如何解决？

Answer 1

total 应该是赋值，而不是函数：

const total = Object.keys(filter).length > 0 ? dataSource.length : tableListDataSource.length

在 Ant Design 中使用过滤器和 ProTable

Using filter with ProTable in Ant Design

javascript

reactjs

antd

ant-design-pro