Ant Design 的 Table 组件怎么自定义分页器的位置？

设计师焦铭提问于 2026-03-29 13:41:14 阅读 3

框架

我用 Ant Design 的 Table 组件时，默认分页器在底部，但产品要求把它放到顶部。试过把 pagination 配置里的 position 设成 [‘topRight’]，但完全没反应，还是在下面。

是不是我写法有问题？官方文档里好像提到过 position 属性，但照着写就是不生效，控制台也没报错。

const App = () => {
  return (
    <Table
      columns={columns}
      dataSource={data}
      pagination={{ position: ['topRight'] }}
    />
  );
};

我来解答赞 8 收藏

反馈

1 条解答

ლ小秋 Lv1

position要改成 ['topLeft', 'topRight'] 这样才行，单独写一个位置可能被忽略了。改成这样：

const App = () => {

  return (

    <Table

      columns={columns}

      dataSource={data}

      pagination={{ position: ['topLeft', 'topRight'] }}

    />

  );

};

真是服了这设计，明明单个位置应该也能生效的。不过至少现在能用了，赶紧交差吧。

2026-03-29 13:42