Reactjs 如何添加来自。。。到元数据到antd表分页

---

这是我想做的类似的示例图像

最后我找到了解决方案

const getTableMeta = (current, pageSize, total) => {
      let from = (current - 1) * pageSize + 1;
      let to = (current - 1) * pageSize + pageSize
    
      if (to > total) {
        to = total;
      }
    
      return (`${from} - ${to} / ${total}`)
    }

---

使用antd表分页api可以轻松获取当前、页面大小和总参数。

最终我找到了解决方案

const getTableMeta = (current, pageSize, total) => {
      let from = (current - 1) * pageSize + 1;
      let to = (current - 1) * pageSize + pageSize
    
      if (to > total) {
        to = total;
      }
    
      return (`${from} - ${to} / ${total}`)
    }

---

使用antd表格分页api可以轻松获取当前、页面大小、总计参数。

不确定当您可以使用

showtall

道具时，为什么选择自定义解决方案：

<Table
  columns={columns}
  dataSource={data}
  pagination={{
    showTotal: (total, range) => `${range[0]} - ${range[1]} / ${total}`,
    pageSize: 10
  }}
  ...
/>

`${range[0]}-${range[1]}/${total}`，
页面大小：10
}}
...
/>

---

当您可以使用

showTotal

道具时，不确定为什么选择自定义解决方案：

<Table
  columns={columns}
  dataSource={data}
  pagination={{
    showTotal: (total, range) => `${range[0]} - ${range[1]} / ${total}`,
    pageSize: 10
  }}
  ...
/>

`${range[0]}-${range[1]}/${total}`，
页面大小：10
}}
...
/>

---

你看了吗？Antd的分页组件与表分页非常相似。是的，但我不想要任何东西。您不想要

showTotal

props吗？您看过了吗？Antd的分页组件与表分页非常相似。是的，但我不想要任何东西

showTotal

props不是您想要的吗？