There is too strong autogenerated css-rule about datatable cells height

Webix JS
#1

Hello Webix Team!

Actually - SUBJ.
I have two tables and I see two autogenerated rules about their cells heigh:

#treetable1537280495124 .webix_cell { 
height:34px; 
line-height:34px;
}

#treetable1537280495124 .webix_hcell { 
height:46px; 
line-height:46px;
}

But I’m not able to manage a datatable sytle with my own css-rules only because of these autogenerated rules.
May be usage of the [!important] flag will help me but it’s a wrong way for styling, I think.

Could you tell me please if there is any way to style a [datatable] by one way - css-rules only - without setting a table config?

Thank you in advance!

#2

As I understood, according to this post:
https://forum.webix.com/discussion/6030/datatable-header-height
it’s very basic functionality.
But, may be is there any way to turn it off?

Moreover, I found out that I can set header height in pixels only in a header config - not in em or some other relative points.
Really is px only allowed units for height setting with config?

#3

Hello,

In this case, if you will use css to define the height, so it will break the view at all.

I just can recommend you

  • to set common height for all datatable rows by defining rowHeight property

  • to set custom height values to different rows: sample;

  • adjust row height to its content with adjustRowHeight method.

#4

Hi Nastja!
Thnak you very much for your advice!