如何更改ui-grid的各个标题单元格的文本对齐方式？

Question

ui-grid example

目前我的网格如图所示。我想将第一个标题单元格的文本对齐方式更改为左侧，将第二个标题单元格更改为居中。有没有办法做到这一点？

Plunker：http://embed.plnkr.co/1sd3QAa6V7OhrGu5ityu

Answer 1

您可以在列定义中添加headerCellClass属性：

headerCellClass: 'text-right'
headerCellClass: 'text-center'

然后在CSS文件中添加这两个类：

.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}