Trying to add toolbar above the columns of a view:datatable

Webix JS
1

How do I add a toolbar in which to place a search input into and other buttons … in the datatable grid code below:

			grid = new webix.ui({
				container:"areaA",
				view:"datatable",
				columns:columnData,
				autoheight:true,
				autowidth:true,
				select:"row",
				on:{
					onSelectChange:function(){
						var text = "Selected: "+grid.getSelectedId(true).join();
						document.getElementById('areaB').innerHTML = text;
					}
				},
				data:resultData
			});
2

You can wrap it in layout, and add here toolbar or any other view
http://webix.com/snippet/2a689f98

3

Is there any way to add the search toolbar to the grid = new webix.iu( … ) code above?

4

You can’t add grid to toolbar, but you can create a view that contains a grid AND toolbar

5

If you need to have some kind of built-in grid filtering - check
http://docs.webix.com/datatable__filtering.html