EasyUI
Home
Demo
Tutorial
Documentation
Download
Extension
Contact
Forum
EasyUI Forum
September 18, 2024, 07:14:49 AM
Welcome,
Guest
. Please
login
or
register
.
1 Hour
1 Day
1 Week
1 Month
Forever
Login with username, password and session length
News
:
Home
Help
Search
Login
Register
EasyUI Forum
>
General Category
>
EasyUI for Angular
>
Angular datagrid - style header
Pages: [
1
]
« previous
next »
Print
Author
Topic: Angular datagrid - style header (Read 19128 times)
zolotoy
Jr. Member
Posts: 89
Angular datagrid - style header
«
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
Logged
jarry
Administrator
Hero Member
Posts: 2274
Re: Angular datagrid - style header
«
Reply #1 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>
Logged
Pages: [
1
]
Print
« previous
next »
Jump to:
Please select a destination:
-----------------------------
General Category
-----------------------------
=> News
=> General Discussion
=> EasyUI for jQuery
=> EasyUI for Angular
=> EasyUI for Vue
=> EasyUI for React
=> Bug Report
Loading...