在Ant Design版本3中，我使用了table组件，并且我尝试给予位置：sticky to head〉th。但它不起作用。这个特性已经在Ant版本4中实现了，但是要移植到这个版本还需要很长时间。我有什么办法可以补救吗？我试着给予位置：粘在头上。这对解决问题没有帮助应使表头粘滞
dl5txlt91#
您需要在position: sticky中添加thead元素，如果您想坚持到页面顶部，还需要添加top: 0例如组件
position: sticky
thead
top: 0
import { Component } from 'react';import { Table } from 'antd';import styles from "./styles.module.scss";export default class TableSticky extends Component { render() { return ( <Table className={styles.table} columns={columns} dataSource={data} pagination={false} /> ) }}
import { Component } from 'react';
import { Table } from 'antd';
import styles from "./styles.module.scss";
export default class TableSticky extends Component {
render() {
return (
<Table
className={styles.table}
columns={columns}
dataSource={data}
pagination={false}
/>
)
}
例如样式
.table { & thead { position: sticky; top: 0; }}
.table {
& thead {
position: sticky;
top: 0;
1条答案
按热度按时间dl5txlt91#
您需要在
position: sticky中添加thead元素，如果您想坚持到页面顶部，还需要添加top: 0例如组件
例如样式