Ant Design 的 Table 组件中不显示分页控件，但能够控制显示多少条数据

一.根据需求决定要控制选择多少条数据，我这里是5的倍数一直到100，动态选择数据

首先循环遍历出5的倍数，然后可以使用select组件，监听选择器的变化事件，在事件处理函数中更新表格数据源，并根据选择的值来展示相应数量的数据

import React, { useState } from 'react';
import { Table, Select } from 'antd';

const { Option } = Select;

const dataSource = []; // 假设这里是您的数据数组

const DemoTable = () => {
  const [selectedValue, setSelectedValue] = useState(5);
  const [displayData, setDisplayData] = useState(dataSource.slice(0, selectedValue));

  const handleSelectChange = (value) => {
    setSelectedValue(value);
    setDisplayData(dataSource.slice(0, value));
  };

  const columns = [
    {
      title: 'Name',
      dataIndex: 'name',
      key: 'name',
    },
    {
      title: 'Age',
      dataIndex: 'age',
      key: 'age',
    },
    // 其他列...
  ];

  return (
    <div>
      <Select defaultValue={5} onChange={handleSelectChange}>
        {[5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95, 100].map(value => (
          <Option key={value} value={value}>{value}</Option>
        ))}
      </Select>
      <Table dataSource={displayData} columns={columns} pagination={false} />
    </div>
  );
};

export default DemoTable;

ps:5的倍数可以循环遍历出来