ag-grid-vue更改某一列字体颜色

您可以在 ag-grid-vue 中使用 cellStyle 动态设置某一列的字体颜色。以下是一个示例：

<template>
  <ag-grid-vue
    :columnDefs="columnDefs"
    :rowData="rowData"
    :defaultColDef="defaultColDef"
    :getRowStyle="getRowStyle"
  ></ag-grid-vue>
</template>

<script>
export default {
  data() {
    return {
      columnDefs: [
        { headerName: "姓名", field: "name" },
        { headerName: "年龄", field: "age" },
        { headerName: "性别", field: "gender" }
      ],
      rowData: [
        { name: "张三", age: 18, gender: "男" },
        { name: "李四", age: 22, gender: "女" },
        { name: "王五", age: 25, gender: "男" }
      ],
      defaultColDef: {
        sortable: true,
        filter: true
      }
    };
  },
  methods: {
    getRowStyle(params) {
      if (params.column.colId === "name") {
        return { color: "red" };
      }
    }
  }
};
</script>

在上面的示例中，我们定义了一个 getRowStyle 函数，在该函数中判断当前列是否为 "name" 字段，如果是，则返回一个包含 color 属性为 "red" 的对象，这样就可以将 "姓名" 列的字体颜色设置为红色。您可以根据需要修改 getRowStyle 函数实现其他列的字体颜色设置。