EasyUI Forum
April 16, 2024, 01:17:04 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Angular datagrid - style header  (Read 17563 times)
zolotoy
Jr. Member
**
Posts: 89


View Profile Email
« 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: 2260


View Profile Email
« 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  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!