Antd - заголовок таблицы фиксируется сверху при прокрутке страницы

Question

Как сделать так, чтобы заголовок таблицы был закреплен сверху при вертикальной прокрутке в antd? Я использовал css вроде position: fixed, top: 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
                        }
                    }} />

Answer 1

Для свойств таблицы antd, scroll={y: ...} позволяет исправить заголовок таблицы. Однако свойство scroll несовместимо со свойством expandedRowRender. Вам нужно будет выбрать одного из них. Возможное решение - использовать только свойство scroll, удалить expandedRowRender и отображать его содержимое в Modal при каждом щелчке по строке.