Fix auto-sizing of ui.aggrid (zauberzeug#5277)

### Motivation

In zauberzeug#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

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

Author: falkoschindler

nicegui/elements/aggrid/aggrid.js

@@ -74,9 +74,6 @@ export default {
       return runMethod(this.api.getRowNode(row_id), name, args);
     },
     handle_event(type, args) {
-      if (type === "gridSizeChanged" && this.auto_size_columns) {
-        this.api.sizeColumnsToFit();
-      }
       this.$emit(type, {
         value: args.value,
         oldValue: args.oldValue,
@@ -114,6 +111,5 @@ export default {
   props: {
     options: Object,
     html_columns: Array,
-    auto_size_columns: Boolean,
   },
 };

nicegui/elements/aggrid/aggrid.py

@@ -38,9 +38,12 @@ def __init__(self,
         :param auto_size_columns: whether to automatically resize columns to fit the grid width (default: ``True``)
         """
         super().__init__()
-        self._props['options'] = {'theme': theme or 'quartz', **options}
+        self._props['options'] = {
+            'theme': theme or 'quartz',
+            **({'autoSizeStrategy': {'type': 'fitGridWidth'}} if auto_size_columns else {}),
+            **options,
+        }
         self._props['html_columns'] = html_columns[:]
-        self._props['auto_size_columns'] = auto_size_columns
         self._update_method = 'update_grid'
 
     @classmethod
@@ -149,11 +152,14 @@ def theme(self, value: Optional[Literal['quartz', 'balham', 'material', 'alpine'
     @property
     def auto_size_columns(self) -> bool:
         """Whether to automatically resize columns to fit the grid width."""
-        return self._props['auto_size_columns']
+        return self._props['options'].get('autoSizeStrategy', {}).get('type') == 'fitGridWidth'
 
     @auto_size_columns.setter
     def auto_size_columns(self, value: bool) -> None:
-        self._props['auto_size_columns'] = value
+        if value and not self.auto_size_columns:
+            self._props['options']['autoSizeStrategy'] = {'type': 'fitGridWidth'}
+        if not value and self.auto_size_columns:
+            self._props['options'].pop('autoSizeStrategy')
 
     def run_grid_method(self, name: str, *args, timeout: float = 1) -> AwaitableResponse:
         """Run an AG Grid API method.