How to handle a large number of columns

Webix JS
#1

Hi,

Are there any built-in ways to handle a large number of columns?

I currently use the standard/dynamic sizing which is fine on a pc screen until the column count goes to about 15+, then even when all are collapsed the columns display strangely.
I know I could set explicit widths on the columns but then it would look strange when there’s only a few columns or the screen is large.

Does anyone have any ideas for this?

#2

The common pattern for flexible column sizing is to set a fillspace and minWidth

https://webix.com/snippet/b3594040

Such design works for any number of columns ( when you have few columns, fillspace will take all free space, when you have many columns, the scroll will appear )

#3

Thanks Maksim,

That looks like a good option but does it work on kanban? When I try this it seems to have no effect?

                                    view:"kanban",
                                    id:"mykanban", 
                                    type:"space",
                                    fillspace:true, 
                                    minWidth:500
#4

Apologies, it is working - I tried several values for minWidth but I see that value should be quote high, using something like 2000 I started to see the effect. Thanks!

#5

fillspace is a feature of datatable, it is not necesary for common layout cells ( using minWidth must be enough )

To see the scroll in layout, wrap it in the scrollview

https://webix.com/snippet/57a6e953