Datatable column won't adjust when I set font-size through css

Webix JS
1

Hello!

I can’t get the adjust:true or adjust:data to work in combination with setting a larger font-size through css for my datagrid.
Any ideas how to do this?
(I don’t want to use a template with inline style for every column.)

Example:
http://webix.com/snippet/6c52fe78

Thanks!

2

The grid can’t be resized to fit the custom style. You need to add basic CSS-class to get the right result:

http://webix.com/snippet/e973aefa

3

Thank you! :slight_smile:

4

How can I adjust font-size of the header of datatable?

5

@mewtown the following css will be enough:

.largeText .webix_hcell {
    font-size:30px;
}
6

I use the css to change the font-size , and use adjust just like in this case.
How would i adjust the height of the cells automatically? Because with big font sizes and adjust it does not seem to work

7

Hello @YAWN

Yes, row height cannot be changed that easily. But you can implement this functionality by providing the custom height for each row as:

$$("table").data.each(function(obj){
   obj.$height = height;
});
$$("table").refresh();

https://snippet.webix.com/sx86e0qk

8

Thank you, but with big texts it does not work, because the part of the text that was above the cell boundaries is still cut off.
The Text is not recentered:
https://snippet.webix.com/4xm5f58c
Any Idea how to fix this without to much overhead?
Of course any way that fixes this is already appreciated!