Datatable rowheight and Skin Builder

Webix JS
1

I use a custom skin for my application and I’ve noticed that if I set the row height in the Skin Builder, when I use that css file in my application, the row height is always 30px, even if I set it to 25px.

I’ve tried disabling another css file I had, in case there some sort of override happening and even creating a test project with nothing but a datatable and the css file and the row-height is always 30px.

I am able to set it manually in my custom css file using .webix_cell{ height }, but if I use this, a blank space at the end of my datatable shows up, as seen here: http://i.imgur.com/ZPAYgA1.png . If I scroll down, the blank space is still there and the rows scroll.

Using this skin: http://webix.com/skin-builder/94f2d8d8

2

I use that css file in my application, the row height is always 30px

That is why skin builder produces two files webix.css and webix.js
Including both of them will fix the issue.

If you don’t want to change js file, just open webix.js from the zip package and copy all code after “//[Skin Customization]” line ( it will be at the end of the file )

You can place this code directly on the page, or add it to the end of your webix.js version, this code reconfigures default settings of components according to the values selected in the skin-builder.