vue.js - AG-grid Vue 中的 suppressDragLeaveHidesColumns 属性不起作用

Question

我正在使用 AG-Grid 26.2 版本和 Vue 2。

我想要做的是，当用户将列拖到网格外时，该列不应该消失。

但是该属性不起作用。

<ag-grid-vue :suppressDragLeaveHidesColumns="true"/>

Answer 1

不确定它如何与 Vue 框架一起使用，但我在使用该suppressDragLeaveHidesColumns选项时犯的错误是我将它添加到columnDefs而不是 gridOptions...

因此，将它与 vanilla javascript 一起使用的正确方法是

const gridOptions = {
  columnDefs: columnDefs,
  defaultColDef: {
    width: 150,
  },
  suppressDragLeaveHidesColumns: true,
};

除此之外，我想您可以尝试使用如下ag-grid-vue标签：

<ag-grid-vue :suppressDragLeaveHidesColumns="true"></ag-grid-vue>

这就是我在他们的官方示例中看到的：https ://www.ag-grid.com/vue-data-grid/column-moving/#simple-example