Create custom component using webix.protoUI

Webix JS
1

I want to use webix.protoUI to create a custom component following this link:

http://webix.com/snippet/7e4b84de

  1. Create custom component “header” inherits from ui.toolbar → OK

  2. Create custom component “data_table” inherits from ui.layout → can not to see any thing

Please help me to correct it to create a datatable and add it to layout

2

You did not specify the height for html container. You can also set height for datatable:

http://webix.com/snippet/e4a1c051

3

Thank for you comment

But I want to fit layout 100% and we can scroll in the datatable like: http://webix.com/snippet/f5e2d8eb

In your example, if you set autoheight:true or specify the height for datatable, when you have more data, you have to scroll the layout and cannot see the toolbar:

http://webix.com/snippet/59125189

Do you have any ideal set the layout fit to screen and we can only scroll the datatable ?

4

Try to do not use “container”:

http://webix.com/snippet/07a56ac2

or define height for it:

http://webix.com/snippet/bc2f5a8a

5

Many thanks to you, maria