How to add table layout to a form component?

Webix JS
#1

I need table layout to a form, can we achieve this?

#2

Hello @webix_B_123,

I need table layout to a form, can we achieve this?
Yep, you can try to create a custom component and define the setValue and getValue methods in order to use form.setValues() and form.getValues():

webix.protoUI({
  name:"tableform",
  getValue(){
    return this.serialize();
  },
  setValue(data){ 
    this.clearAll(); 
    this.parse(data);
  }
}, webix.ui.datatable);

Please take a look at the snippet:
https://snippet.webix.com/xb1o7eoa

#3

What I am expecting is I have form need to arrange form elements in table layout not as row or cols.

let’s say I have a form with 20 items[Count is dynamic] I need to arrange these items in 5*4 table order is there any way we can to get out of this.

#4

@webix_B_123,

What I am expecting is I have form need to arrange form elements in table layout not as row or cols.
You can put any сomplex layout in the form.

Please check the next example:
https://snippet.webix.com/0jg76658

#5

Thanks for your quick replies