Layout components horizontally or vertically

Webix JS
1

Hi.
The horizontal display is correct (rows= horizontal position):
example 1
http://webix.com/snippet/0cd41bb4

If the display is vertical the table is compressed (cols = vertical position).
example 2
http://webix.com/snippet/49681a6d

Which is the correct way to fully display, buttons, templates and the table?

Thank you in advance for your help

2

Problem is in autosizing. You are mixing elements with fixed height and auto height in one row. While button has default height, table has not any height defined, so it accepts the height of button.

Just set some height ( min-height ) for the datatable

http://webix.com/snippet/3184c6e6

Or disable default height on the button

http://webix.com/snippet/5623b35e

Or use a more complex layout

http://webix.com/snippet/457ca729

3

Solution applied .
Thanks for your quick and accurate response …
I did not know the syntax " { } " .

4

{} creates an empty view, that doesn’t render anything, just takes the free space.

5

Tanks.