search

vitmalina / w2ui

UI widgets for modern apps. Data table, forms, toolbars, sidebar, tabs, tooltips, popups. All under 120kb (gzipped).
http://w2ui.com
MIT License
2.64k stars 730 forks source link

Vertical column headers in Grid #2447

Open isohelio opened 11 months ago

isohelio commented 11 months ago

Hi,

is it possible to create vertical column headers in w2ui Grid?

This is very useful for displaying many columns of data without making the grid too wide, or truncating the column headers.

Thanks, Mike

alexkuznetsov commented 11 months ago

@isohelio

Hi, as far as I know this is not possible out of the box. But you can play around with the CSS after you've mounted and loaded the grid, using styles like this (not a solution, but just a possible direction):

transform: rotate(90deg); /*rotate contents*/
height: 100px!important; /*set manually height for content*/
transform-origin: 15px 14px; /* move rotation point */
isohelio commented 11 months ago

OK, thanks I will investigate.