AG-Grid角度6 m多行标题
AG-Grid角度6 m多行标题
提问于 2018-08-17 15:43:01
我实际上是试图创建一个在标题中有2行文本的ag-grid。
对于ex- I，有10列，标题为'Name'，'Address'，‘道布’和其他详细信息。对于‘道布’，我想在页眉中显示‘道布’下面的日期格式。到目前为止，我已经试过了‘道布’
(mm-dd-yyyy)‘和一些来自how to wordwrap a header in ag-grid的css样式，但都不适合我。
有没有什么方法可以在不创建自定义头组件的情况下实现这一点？
谢谢!
回答 2
Stack Overflow用户
发布于 2018-08-17 16:17:39
好了，我得到了解决方案，我直接把html放在headername的内联样式中，它就起作用了。
Stack Overflow用户
发布于 2019-02-13 19:23:18
好吧，这是我得到的解决方案
创建一个自定义组件，如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];
}
}在声明了列定义的主组件中使用此自定义组件
并且在主组件中声明标头名称为日期-(dd-mm-yyyy)(用‘-’分隔)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51890573
复制相关文章
相似问题
腾讯云开发者
