I would prefer if I didn’t have to create a custom Webix build using SkinBuilder, but instead was able to set skin properties at runtime. It looks like I may be able to do this with the $skin method, however the documentation is sparse and I have been unable to get it to work.
Could someone provide an example of setting custom skin properties (barHeight, rowHeight, etc.) on a datatable?
There are two levels of customization
a) colors, fonts, etc. are defined through css
b) default sizes of views, rows, items, etc. are defined through webix.js
It is possible to change (b) directly through javascript. Still, the styles in (a) set can be changed only through css, so you will need to switch to new css file dynamically.
Beware, that changing skin will not force automatic repainting of all views. So you will need to call refresh and resize command for all involved views. That is why, full page reloading looks as a better alternative for skin-changing action.
Hello,
you can set barHeight, rowHeight in datatable configuration - rowHeight and headerRowHeight: