AG-Grid Angular 6 m多行标题

Question

我实际上是在Header中创建一个带有2行文本的ag-grid。

例如，有10个列的标题为“名称”，“地址”，“DOB”和其他详细信息。对于'DOB'，我想在标题本身的'DOB'下面显示日期格式。到目前为止，我已经试过'DOB （mm-dd-yyyy）'以及来自how to wordwrap a header in ag-grid的一些css风格，但没有任何对我有用。

有没有选项来实现这一点，而无需创建自定义标题组件？

谢谢！

Answer 1

好吧，我得到了解决方案，我直接将html放在带有内联样式的headername中并且它有效。

Answer 2

嗯，这是我得到的解决方案

创建一个自定义组件，如custom-header

@Component({
selector: 'app-custom-header',
template: `
<div>
<div class="customHeaderLabel">{{headerName}}<br>{{subHeaderName}}</div> 
</div>
`
})
export class CustomHeader {
private params: any;
private headerName:string;
private subHeaderName:string;


agInit(params): void {
this.params = params;
this.headerName = params.displayName.split('-')[0];
this.subHeaderName = params.displayName.split('-')[1];
}
}

在主要组件中使用此自定义组件，其中声明了列defs

并且在主要组件中声明标题名称为date-（dd-mm-yyyy）（用' - '分隔）