Border for rows/cells

Webix JS
#1

Hello Webix team,

I am trying to create a rowspan/colspan kind of table view as per the json but I am unable to add border for my rows/cells.

For example I want a border to be added after my ‘test11’ cell/ or after my ‘m2’ cell. How to handel this in such a view.

https://snippet.webix.com/nxgjd2zd

Thanks,
Prarthana

#2

Please reply I am stuck

#3

I have tried https://snippet.webix.com/b33jfmws but its not looking good,please provide a solution to this.

#4

Hello,

I tried the same for combo, but its not working
Also, please, add borderless: false for combo

https://snippet.webix.com/esicsrcm

#5

Hi,

As far as I can see, the current structure is too redundant to set the borders for the mentioned layout cells.
Basically, there are several layout types that allow to control the borders of inner components:

  • type:"clean" removes the borders on the nested level (so you don’t have to set borderless:true for every widget);
  • type:"line" enables borders, but does not set paddings;
  • form has default padding:10, so in order to render the borders correctly, it would be better to set it to -1 (it will unite the borders of all containers).

In general, there is no possibility to set a single border from only one side of the view - the only correct approach is to combine the layout type (described above) and borderless property of a single view.
In order to set the borders between layout cells, please consider restructuring your layouts as follows (changed only for mentioned templates - “test” and “m”): https://snippet.webix.com/0aqfyw1o

Also, please avoid setting height:"auto" for views, as it is an incorrect value. Sizing properties in Webix accept only numeric values, otherwise, the sizing logic can be corrupted.

#6

Hi Listopad,

But line is not appearing for combo. In your snippet how can I add a line for combo?

Please reply.

#7

But line is not appearing for combo. In your snippet how can I add a line for combo?

Please use the same approach - remove extra levels and add the needed layout type/padding, as was done for two columns with ‘test11’ cell/ ‘m2’ cell.

#8

Hi Listopad,

I tried the same for combo, but its not working,Please review my snippet and correct me if I am wrong.https://snippet.webix.com/jw80new2

Please reply.

#9

Hi Listopad,

If this is redundant structure, is there any other solution for the same json to achieve same UI.

Please reply.

#10

please reply