来自AG网格Vue的suppressDragLeaveHidesColumns属性不起作用

Question

我使用的是AG Grid 26.2版本和Vue 2。

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

但这处房产不起作用。

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

Answer 1

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

因此，将其与普通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-示例