ag-grid-vue 文字居中

要在ag-grid-vue中实现文字居中，可以使用ag-grid-vue提供的列定义属性`cellStyle`来设置单元格样式。在`cellStyle`中设置`textAlign: 'center'`即可将单元格中的文字居中显示。

以下是一个示例代码：

<template>
  <ag-grid-vue
    :columnDefs="columnDefs"
    :rowData="rowData"
    class="ag-theme-alpine"
  ></ag-grid-vue>
</template>

<script>
import { AgGridVue } from 'ag-grid-vue';

export default {
  components: {
    AgGridVue,
  },
  data() {
    return {
      columnDefs: [
        { headerName: 'Name', field: 'name', cellStyle: { textAlign: 'center' } },
        { headerName: 'Age', field: 'age', cellStyle: { textAlign: 'center' } },
        // 其他列定义...
      ],
      rowData: [
        { name: 'John', age: 25 },
        { name: 'Jane', age: 30 },
        // 其他数据...
      ],
    };
  },
};
</script>

<style>
.ag-theme-alpine {
  height: 200px;
}
</style>

在上述代码中，通过在`columnDefs`中的每个列定义的`cellStyle`属性中设置`textAlign: 'center'`，可以将该列的单元格文字居中显示。