Antd之表格在只有一页时隐藏分页器

最新推荐文章于 2024-03-29 16:43:49 发布

白开水儿

最新推荐文章于 2024-03-29 16:43:49 发布

阅读量1.4k

点赞数 1

分类专栏： # React 前端文章标签： javascript react.js 前端

本文链接：https://blog.csdn.net/ANNaScripter/article/details/124964255

版权

前端同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

React

2 篇文章 0 订阅

订阅专栏

百度了一下发现还蛮难搜到的，所以写一下造福后代

我使用的版本："react": "17.0.2", "react-dom": "17.0.2","antd": "4.20.6"

重点就是将pagination中的hideOnSinglePage属性设为true,代码如下

import React from 'react';
import 'antd/dist/antd.css';
import { Table } from 'antd';

const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
  },
  {
    title: 'Age',
    dataIndex: 'age',
  }
];
const data = [
  {
    key: '1',
    name: 'John Brown',
    age: 32
  }
];

const paginationProps = {
    hideOnSinglePage: true
}

const ScorelistA = () => (
  <div>
    <Table columns={columns} dataSource={data} size="small" pagination={paginationProps}/>
  </div>
);

export default ScorelistA;