Scrolling Gridsuggest datatable in a Richselect

Webix JS
#1

Hi,

Can you help with this situation?

Code looks like this:

 {
	view:"richselect", 
	id:"myProperty", 
	yCount :"4",	
	label:"Property", 
	labelWidth:80,
	labelAlign:"right",
	//width:700, inputWidth:699, 
	height:40, inputHeight:39,
			
        options:{
		view:"gridsuggest",
		height:700,

                template:function(item){		
			if(item.id == -1)
				return "<span style='font-weight:bold'>(new)</span>";
			else
				return "<span style='font-weight:bold'>" + item.name +
                                          "</span>" + " (id:" + item.id + ", value:" + 
                                           item.value + ")";
		},
						
		body:{
			spans:true, 
					
			data:[{id:-1, name:"", value:"(new)", description:""}],
			columns:[
				{id:"id", header:"ID"},
				{id:"name", header:"Name", width:200},
				{id:"value", header:"Value", width:300}, 
				{id:"description", header:"Description", width:120}
			]
		}
        }
 }

The richselect scrolls but not the datatable in my situation so with many rows user can’t see all the rows - richeselect options. Any help would be welcome.

Another issue I addSpan in the first row of the datatable onShow like that:

$$("myProperty").getList().addSpan(-1, "id", 4, 1, "<span style='color:#fff'>(new)</span>");

but when I scroll down the span dissappears and first row is shown as normal row. When I scroll up again the span reoccurs.

Using Webix 3.3

Thanks

#2

Found the solution needed to add scroll:true, as well autoheight:false which I wasn’t aware of. Span behaviour fixed with scroll somehow.

#3

Yep, gridsuggest enables autoheight for the datatable component by default. So you need to have autoheight:false to show scrolls.