EasyUI Forum

General Category => EasyUI for Angular => Topic started by: zolotoy on November 30, 2019, 03:42:24 AM



Title: Angular datagrid - style header
Post by: zolotoy on November 30, 2019, 03:42:24 AM
I need to add some styling to an Angular datagrid. Specifically, word wrapping to column headers. Any idea how to do that?

Thanks


Title: Re: Angular datagrid - style header
Post by: jarry on December 01, 2019, 03:03:51 AM
Custom the column template to set any styles on the column.
Code:
<eui-grid-column field="name" title="Product Name" width="50">
<ng-template euiHeaderTemplate let-col>
<div style="white-space:normal">{{col.title}}</div>
</ng-template>
</eui-grid-column>