Fix auto-sizing of ui.aggrid

[falkoschindler]

Motivation

In #5276 we noticed that ui.aggrid's column auto-sizing break in the presence of flex columns.

Implementation

This PR conditionally ignores the auto_size_columns parameter if any column has a flex attribute.
This PR uses the "autoSizeStrategy" to implement the auto_size_columns parameter instead of calling a JavaScript function on size change.

Progress

• I chose a meaningful title that completes the sentence: "If applied, this PR will..."
• The implementation is complete.
• Pytests are not necessary.
• Documentation has been added.

[evnchn]

I can easily take this as a hotfix, as this code really fixes the non-display of AG Grid, and there's no valid use case of auto_size_columns and flex at the same time as of current NiceGUI version because it is now entirely broken.

Before:

After:

But I am still surprised why AG Grid broke this way, considering the docs have:

The docs do imply that sizeColumnsToFit and flex can be used together, and we may be not discovering the root issue with our hotfix approach.

[falkoschindler]

@evnchn Maybe calling this.api.sizeColumnsToFit() isn't such a great idea. I just experimented with adding

'autoSizeStrategy': {'type': 'fitGridWidth'},

to the options dictionary and the result is flawless. It also solves the flickering from #5244.

[evnchn]

Sure, maybe we can explore that.

But still, if the library's sane, no amount of reasonable tinkering with the options should result in a blank table, so I am calling it 🤡 in AG Grid.

[falkoschindler]

I changed this PR to use the "autoSizeStrategy" - just to notice that this breaks when adding 'flex': 1 as in #5276. Not sure what I've done differently in #5277 (comment).

[falkoschindler]

My current conclusion would be:

• Using "autoSizeStrategy" instead of calling sizeColumnsToFit() is still better to reduce flickering when updating the grid (fixes ag-grid "jerking" on updates after v3 (significant decline in user experience) #5244).
• Combining "flex" with either sizeColumnsToFit() or "autoSizeStrategy" isn't supported by AG Grid. E.g. it warns that "colDef.flex is not supported with gridOptions.autoSizeStrategy". So we can add a note to the documentation (to address ui.aggrid render failed when options["columnDefs"]["flex"] = 1 after upgrade to version 3.0 #5276), but shouldn't try to solve the impossible.

[evnchn]

I'm fine with this PR as it is, because we are at a state where if the config is invalid, console errors are produced.

Still though, no warnings, when doing sizeColumnsToFit on tables flex columns? 🤡

---

On a separate note, I'm considering to create a mechanism where browser warnings and errors are logged to the Python console. AG Grid will be a top user of this functionality.