[CLOSED] Dynamically change the column of Table layout

[ojuniour]

I need to change the column numbers of a table layout after resize. This would help me adjust the number of columns accordingly based on the width of screen.

[fabricio.murta]

Hello @ojuniour!

You just need to call the container's updateLayout() method after changing the amount of columns you want in the layout object.

Hope this helps!

[ojuniour]

PERFECT! much appreciated.
for future reference if you are using table layout..
by calling the resize listener, based on 'Width' size, you can add or remove column numbers..
Example below for width less than 1250:

        var ResizerListener = function (table, width, height) {
            debugger;
            if (width < 1250) {
                table.getLayout().columns = 1;
            }
            else {
                table.getLayout().columns = 2;
            }
            table.updateLayout();
        }

[fabricio.murta]

Glad it helped @ojuniour!

Thanks for the feedback! And notice you can also use the responsive concept (it applies to the whole window, its viewport to change this without the need to call updateLayout(). There's an example highlighting the feature at:
- Miscellaneous > Responsive > Basic