时间戳

首页 > 解决方案 > Antd - 滚动页面时表格标题固定在顶部

antd - Antd - 滚动页面时表格标题固定在顶部

问题描述

如何使表格标题固定在antd垂直滚动的顶部？我使用了类似位置的css：固定，顶部：0。但这些在我的情况下不起作用

<DraggableANTGrid
                    dragProps={this.dragProps}
                    isDraggable={false}
                    tableProps={{
                        rowKey: "IndianExpImpId",
                        columns: finalColumns,
                        components: { header: { cell: ResizeableColumn } },
                        dataSource: rows,
                        onChange: this.onFilterChange,
                        size: "small",
                        scroll: { x: totalWidth + 96, y: 700 },
                        expandedRowRender: this.getExpandRow,
                        pagination: false,
                        rowSelection: {
                            selectedRowKeys: importExportIds,
                            onChange: this.rowSelection,
                            fixed: finalColumns.length > 2
                        }
                    }} />

标签： antdfixed-header-tables

解决方案

对于 antd 表格道具，scroll={y: ...}允许您修复表格标题。但是，scroll属性与属性不兼容expandedRowRender。你必须选择其中之一。一种可能的解决方案是仅使用属性，在单击行时scroll删除expandedRowRender并显示其内容。Modal

推荐阅读