Create multiple datatables dynamically

Webix JS
#1

I want to create multiple datatables in an efficient way rather than hardcoding the columns.
I am new to webix, Is there a way to do it?

#2

Hello,

Firstly, Webix Datatable can create its columns automatically based on the loaded data:

{ view:"datatable", autoConfig:true, data:grid_data /*or remote url*/}

Secondly, you can provide one and the same columns array for multiple datatables by copying it:

var columns = []; //some hard-coded values
...
rows:[
    {view:"datatable", columns:webix.copy(columns)},
    {view:"datatable", columns:webix.copy(columns)}
]

Please, check the related snippet: https://webix.com/snippet/fa061732

#3

Can I somehow use javascript prototypes in this case?

#4

or may be jquery to create all these elements dynamically?

#5

The config is a normal js object, so you can use a common for loop or any other js logic to build the UI config. There is no need to use jQuery for such a task.

#6

Hey maksim, Can you give an example as I am new to JS too.

#7

@amrutahanchate, please check the following snippet: https://webix.com/snippet/92eb96fb

#8

Hi Helga, I want to create a hashmap associated with every datatable so that i can keep a track of its key and value. Can you please suggest a way to do it?