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>