Question

我实际上是在尝试创建一个标题为2行文本的农业网格。

例如，我有10列标题为“名称”，“地址”，“ DOB”和其他详细信息的列。对于“ DOB”，我想在标题本身中的“ DOB”下方显示日期格式。到目前为止，我已经尝试过'DOB
（mm-dd-yyyy）'和how to wordwrap a header in ag-grid中的某些CSS样式，但对我没有任何帮助。

是否可以在不创建自定义标题组件的情况下实现此目的？

谢谢！

Answer 1

好吧，我得到了解决方案，我直接用内联样式将html放在标头名中，并且可以正常工作。

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];
}
}

在声明列def的主组件中使用此自定义组件

在主组件中也将标头名称声明为date-（dd-mm-yyyy）（以'-'分隔）

AG-Grid Angular 6 m多行接头

2 个答案: