1. 首先，在Ag-grid中，我们需要定义一个可拖拽的列。例如，在列定义和列配置选项中，设置draggable=true。代码如下：

const columnDefs = [ { field: 'athlete', draggable: true }, { field: 'age' }, { field: 'country' }, { field: 'year' }, { field: 'sport' }, { field: 'gold' }, { field: 'silver' }, { field: 'bronze' } ];

2. 然后，在onRowDragEnd事件中，我们需要捕获拖拽事件的细节。例如，拖拽的行数据可以通过事件参数event传递给我们。我们使用event.node.data捕获数据和目标网格的网格ID。最后，将数据传递到目标网格中。代码如下：

onRowDragEnd(event) { const data = event.node.data; const targetGridId = 'myOtherGrid'; // change this to the ID of the target grid const targetGridApi = this.gridApi.getGridById(targetGridId); targetGridApi.applyTransaction({ add: [data] }); }

3. 最后，我们需要在目标网格中实现applyTransaction事件。Code如下：

onApplyTransaction(event) { const rowsToAdd = event.add; this.rowData = this.rowData.concat(rowsToAdd); }

注意：在Ag-grid中，我们可以使用Vue.js，Angular和React等框架来实现drag and drop row到另一个grid的解决方案。