Responsive Layout - Hidden cells, programming examples of Responsive Layout - Hidden cells
Check out this programming example to enable view hiding and showing in response to the changes of window size. When there is not enough space, the last view from the left is hidden first. Feel free to use our code samples or a snippet tool below to create web applications.
JS Code
webix.ui({
type:"space",
responsive:true,
cols:[
{
view:"list",
data:["Users", "Reports", "Settings"],
ready:function(){ this.select(this.getFirstId()) },
select:true,
scroll:false,
minWidth:150
},
{ template:"Resize the view", minWidth:150 },
{
view:"datatable",
columns:[
{ id:"title", fillspace:1 },
{ id:"votes"}
],
data:grid_data,
minWidth:250
}
]
});