如何在滚动ant设计表格时固定表格行

在滚动ant设计表格时固定表格行，可以通过使用ant设计中的Table组件的固定表头和固定列属性来实现。

固定表头可以通过设置Table组件的scroll属性中的y值来实现，将y值设置为表格的高度，当表格内容超过该高度时，表头会固定在顶部，不会随着滚动条滚动。

固定列可以通过设置Table组件的columns属性中的fixed属性来实现，将需要固定的列的fixed属性设置为'left'或'right'，分别表示将该列固定在表格的左侧或右侧，不会随着滚动条滚动。

以下是一个示例代码：

import React from 'react';
import { Table } from 'antd';

const dataSource = [
  {
    key: '1',
    name: 'John Brown',
    age: 32,
    address: 'New York No. 1 Lake Park',
  },
  {
    key: '2',
    name: 'Jim Green',
    age: 42,
    address: 'London No. 1 Lake Park',
  },
  // ...
];

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

const App = () => {
  return (
    <Table
      dataSource={dataSource}
      columns={columns}
      scroll={{ y: 300 }}
    />
  );
};

export default App;

在上述代码中，通过设置columns数组中的fixed属性为'left'，将Name列固定在表格的左侧。通过设置scroll属性中的y值为300，当表格内容超过300px时，表头会固定在顶部。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云对象存储（COS）。

腾讯云云服务器（CVM）是一种可弹性伸缩的云计算服务，提供高性能、可靠稳定的云服务器，适用于各类应用场景。

腾讯云对象存储（COS）是一种海量、安全、低成本、高可靠的云存储服务，适用于存储和处理各类非结构化数据，如图片、音视频、文档等。

更多关于腾讯云云服务器（CVM）的信息，请访问：腾讯云云服务器（CVM）产品介绍

更多关于腾讯云对象存储（COS）的信息，请访问：腾讯云对象存储（COS）产品介绍