ag-grid-vue cellEditingStarted时调整单元格样式

### 回答1：
可以在 ag-grid-vue 的 "cellEditingStarted" 事件中使用 JavaScript 或 Vue 方法来更改单元格的样式。可以使用 getRowNode() 方法获取到编辑的行元素，然后使用 JavaScript 或 Vue 方法更改其 class 属性，实现单元格样式的更改。

例:

onCellEditingStarted(event) {
    let rowNode = this.gridApi.getRowNode(event.rowIndex);
    rowNode.setRowClass("editing-cell");
}

其中, gridApi是ag-grid的api, setRowClass()是ag-grid的方法，editing-cell是你自定义的样式，可以在css中自己定义。

另外, 如果你在使用vue, 你可以使用 $refs 来访问ag-grid组件, 以及在vue中使用类似于上面的方法来更改样式。

### 回答2：
当ag-grid-vue的cellEditingStarted事件被触发时，可以使用以下方法来调整单元格的样式：

1. 使用cellStyle属性：在数据绑定的表格列中，可以使用cellStyle属性来设置单元格的样式。在cellEditingStarted事件中，可以通过访问event参数对象来获取当前编辑单元格的行和列信息，然后根据这些信息来修改对应的单元格样式。

2. 使用cellClass属性：类似于cellStyle属性，也可以在数据绑定的表格列中使用cellClass属性来设置单元格的样式。在cellEditingStarted事件中，可以通过访问event参数对象来获取当前编辑单元格的行和列信息，然后根据这些信息来动态添加或移除对应的单元格样式。

例如，假设我们想要在单元格进入编辑模式时将其背景色设置为黄色，可以使用以下代码：

<template>
  <div>
    <ag-grid-vue
      :columnDefs="columnDefs"
      :rowData="rowData"
      @cellEditingStarted="onCellEditingStarted"
    ></ag-grid-vue>
  </div>
</template>

<script>
export default {
  data() {
    return {
      columnDefs: [
        { headerName: 'Name', field: 'name', editable: true, cellStyle: this.cellStyle },
        // 其他列...
      ],
      rowData: [
        { name: 'John', age: 25 },
        // 其他数据...
      ],
    };
  },
  methods: {
    onCellEditingStarted(event) {
      const { rowIndex, colDef } = event;
      // 根据需要调整的样式进行处理
      // 例如将背景色设置为黄色
      colDef.cellStyle = { backgroundColor: 'yellow' };
    },
    // 其他方法...
  },
};
</script>

通过上述方法，在单元格进入编辑模式时，可以根据需要调整单元格的样式，从而实现界面效果的个性化定制。

### 回答3：
在ag-rid-vue中，可以通过监听cellEditingStarted事件来实现调整单元格样式的功能。

首先，在gridOptions中设置onCellEditingStarted事件回调函数。例如：

<AgGridVue
  :gridOptions="gridOptions"
  ...
/>

...

data() {
  return {
    gridOptions: {
      ...
      onCellEditingStarted: this.onCellEditingStarted
    }
  }
},
methods: {
  onCellEditingStarted(params) {
    // 根据具体需求调整单元格样式
    params.node.setDataValue(params.column.colId, 'New Value');
    params.node.setRowHeight(50);
    params.node.setDataValue('class', 'custom-class');
  }
}

在onCellEditingStarted回调函数中，可以通过params参数获取到有关正在编辑的单元格的信息。例如，可以使用params.node获取到单元格所在的节点，然后通过节点对象的相关方法来调整样式。

params.node.setDataValue方法可以设置单元格的值，可以根据具体需求将单元格的值更改为自定义的值。

params.node.setRowHeight方法可以设置单元格所在行的高度，可以根据具体需求将行的高度调整为合适的值。

params.node.setDataValue('class', 'custom-class')可以为单元格添加自定义的样式类，可以根据具体需求给单元格添加自定义的样式。

通过以上方式，就可以在cellEditingStarted事件中实现对单元格样式的调整。对于更复杂的样式调整，可以结合CSS样式来实现更多的样式修改。