我正在使用 react，我只是将以下代码段添加到我的 Table 组件的 .css

.ag-header-cell-label {
   justify-content: center;
}

我覆盖了我通过 devtools 检查发现的.css类ag-grid，并发现它使用 flexbox 进行显示。

参见示例（不是react而是相同的概念）：https : //embed.plnkr.co/O3NI4WgHxkFiJCyacn0r/

您可以使用此属性：

cellStyle: {textAlign: 'center'}

为单元格分配一个类，如下所示：

gridOptions = {
  ...
  columnDefs: [
    ...
        { headerName: "field1", field: "field1", cellClass: "grid-cell-centered"}
    ...
  ]
}

css文件：

.grid-cell-centered {
  text-align: center;
}

如果您想在 ag-grid 中将文本向右、向左或居中对齐。然后使用这个：-

cellStyle: { textAlign: 'right' }
cellStyle: { textAlign: 'left' } 
cellStyle: { textAlign: 'center' }