问题:ag-grid:使整行成为行拖动的夹点

我正在使用 Vue 版本的 ag-grid 21.2.1(https://www.ag-grid.com/vue-getting-started/)并实现了行拖动(https://www.ag- grid.com/javascript-grid-row-dragging/)在我们的一张桌子上。一切似乎都很好,但现在我想让整行成为拖动的“抓地力”。我尝试在.ag-row上使用pointer-events: none并使原生 ag 握把项目更大且可点击,但这似乎不起作用:

.ag-icon-grip {
    position: absolute;
    width: 600px;
    pointer-events: auto;
}

有人在这方面取得了成功吗?

解答

javascript可能还有其他方法,但您可以使用css执行此操作,如下所示

css

.drag-row {
    overflow: unset !important;
}
.drag-row .ag-cell-value {
    padding-left: 24px;
}
.drag-row .ag-row-drag {
    position: absolute;
    width: 1200px;
    z-index: 2;
}

js

this.columnDefs = [
  {
    field: "athlete",
    cellClass: 'drag-row',
    rowDrag: true
  },
  // ...
];

工作插件https://next.plnkr.co/edit/naFYtZTBZUJJOCfB