AG Grid rowDrag 被拖动的行占据了整个屏幕宽度

Question

我有一个导入的表格，带有 100% 宽度的 scss。表格大小由 div 控制。当在该表中启用 rowdrag 并拖动一行时，该行将变为屏幕的全宽。如果我将 AG Grids scss 更改为更小的溢出大小：隐藏它会变短一点，但仍然比网格本身宽得多。 不确定在此处添加哪些代码有帮助。这是我导入的 ag 网格。拖动正在起作用，只是看起来有点糟糕。

function AgGridClientSide({ handleRowSelection, data, handleCellEdited, tableColumnDef, rowHeight, onGridReady }) {
const gridOptions = {
    columnDefs: tableColumnDef,
    rowSelection: 'single',
    rowHeight,
    onCellValueChanged(params) {
        handleCellEdited(params);
    },
};

return (
    <div className="ag-theme-material">
        <AgGridReact
            gridOptions={gridOptions}
            rowData={data}
            onGridReady={onGridReady}
            onRowClicked={current => handleRowSelection(current)}
            suppressCellSelection
            suppressNoRowsOverlay
            rowDragManaged
            animateRows
        />
    </div>
);

}