TreeTable's column header wrapping when header contains two words

Webix JS
1

Hi,
When headers of columns in treetable contain two words, for example “Subscriptions USD”,
and columns have property adjust=‘all’, second word “USD” does not show up in the header but you can see it in source HTML;
see snippet: http://webix.com/snippet/22dd00ba
When I change header to be without space: “SubscriptionsUSD” all works.

How can I solve it?
Thank you.

2

Hi,

If header text doesn’t fit into the cell width, the overflow part is hidden.

You may have a look at the possibility of setting the header height bigger so that the title is spread over two lines:

{ id:"Subscriptions USD"+i, header:{text:"Subscriptions USD"+i, height:60, css:"multiline"}

where css is

.multiline{
	line-height: 30px !important;
}

http://webix.com/snippet/3d830d45

3

I think table should be able to do it, it has all the data it needs in order to calculate.

How will I know that 60px is big enough? how do I know when table hides overflow.

It is clearly white space issue/bug, because when header is long one word without white space no overflow occurs.

Please review again.

4

Ok, we will see whether header auto-sizing could be the task of high priority for us, same with dynamic column adjust/fillspace.

5

Problem caused by custom font in default theme. JS can’t correctly calculate header width as font is not loaded yet on moment of calculation.

As temp solution, you can add css rule on the page like next

.webix_hcell{
	white-space:nowrap;
}
6

Hi,

Were following:

   1. header auto-sizing
   2. column adjust/fillspace

fixed in 2.1?
Thank you.

7

Unfortunately both problems is still here ( second one must be solved by above posted css snippet )