antdv自动以表格滚动条演示

好的，这里是一个简单的 antd 表格自定义滚动条的示例代码：

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

const dataSource = [
  {
    key: '1',
    name: 'Mike',
    age: 32,
    address: '10 Downing Street',
  },
  {
    key: '2',
    name: 'John',
    age: 42,
    address: '10 Downing Street',
  },
  {
    key: '3',
    name: 'Tom',
    age: 28,
    address: '10 Downing Street',
  },
];

const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: 'Age',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: 'Address',
    dataIndex: 'address',
    key: 'address',
  },
];

const CustomTable = () => {
  return (
    <div className="table-container">
      <Table dataSource={dataSource} columns={columns} pagination={false} />
    </div>
  );
};

export default CustomTable;

然后在 `customTable.css` 文件中添加以下代码：

.table-container {
  max-height: 300px;
  overflow-y: scroll;
}

这个示例中，我们设置了表格容器的最大高度为 300px，当表格内容超出容器高度时，会自动出现纵向滚动条。