Antd - 滚动页面时表头固定在顶部

标签 antd fixed-header-tables

如何使 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
                        }
                    }} />

最佳答案

试试这个 Prop ,我已经解决了..!!

scroll={{x:950,y:"calc(100vh - 220px)" }}

关于Antd - 滚动页面时表头固定在顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63296464/

相关文章:

html - 标题不在表格固定标题上滚动

reactjs - getFieldDecorator 密码重置规则?

javascript - antd table : why record. 键在我设置rowkey时返回undefined

reactjs - 在antd react表的每一行中使用不同的字体大小

html - 如何获得与基表具有相同列宽的粘性表头

jquery - 粘性表格标题和列 - 两个固定列

javascript - 我如何过滤 Antd 中的列

reactjs - React Ant设计文件上传仅xls文件验证

html - 具有固定标题和 tbody 自动高度的表格