AG网格行拖动正在拖动的行占据屏幕的整个宽度

Question

我有一个导入的表，其中有一个宽度为100%的scs。表的大小由div控制。当在该表中启用rowdrag并拖动一行时，该行将达到屏幕的全宽。如果我将AG-Grids-scs更改为较小大小的溢出：隐藏，它会变短一点，但仍然比网格本身宽得多。不确定在此处添加哪些代码有帮助。这是我导入的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>
);

}

Answer 1

这只是一个快速修复。您可以使用以下方法分配宽度css属性：

.ag-dnd-ghost.ag-unselectable.ag-theme-alpine {
width: 100px;
}