Responsive cols to rows

I have the following layout for my widgets and i’m experiencing a great difficulty of adapting it for mobile devices, i need to turn my cols into rows, so the chart and the datatable are stacked. It would be great if you could help me out with that, thanks.
Here’s the snippet: https://snippet.webix.com/da3z9dre

Hello @aolko,
Please, check this information about Responsive Layouts and such properties as gravity ,
minWidth/maxWidth (or min/maxHeight) (for the views inside layout).

If you use Webix Jet framework (a link to our site), then it is better to rebuild the layout on init and/or as you resize.
Here is a basic example for Jet:
https://snippet.webix.com/9g1ryxj4

thanks, i use just the webix library, not the jet framework, and i don’t need to show/hide columns, i need to convert columns into rows.

@aolko ,
Please try to use flexlayout:
https://snippet.webix.com/051xbrmj