Make list (dataview) as high as content in complex layout

Webix JS
#1

My app is based on your awesome admin-demo. I’d like to show a list of items and I am currently using the webix UI dataview widget for that. But in that layout I can’t get the dataview to adjust to the content size.

I want the data view to be as high as its content. It shall not scroll. It shall show all items.

https://webix.com/snippet/774c01bd

I already tried a lot: autosize: true, etc.
This discussion is quite similar, but not exactlythe same https://forum.webix.com/discussion/30537/automatic-adjust-dataview-element-width-to-the-viewport-width

#2

Ok, got it. I have to use a datatable.
There is absolutely no way of getting dataview to autoadjust its height within that complex layout.

This works.

              {
		  id: "recentIdeasTable",
		  view: "datatable",
		  header: false,
		  autoheight: true,
		  scroll: false,
		  columns:[
		    { id:"ideaDescr",   fillspace: 0.8, template: "#title#" },
		    { id:"ideaDetails", fillspace: 0.2, template: "#createdAt#" }
		  ],
		  data: recentIdeasData
		  
		}
#3

The point is that autosizing of the entire component requires precise width/height of the inner items. width/height:"auto" will result in a sizing conflict.

You can use either a list (behaves as the dataview with xCount:1) or a datatable, which provides even wider API.