[datagrid] How to autosize columns on rows fetch

[cherniavskii]

[datagrid] How to autosize columns on rows fetch

[Madsim]

In my opinion this should be handled by the library. When reading the docs it says that "Autosizing" is the default behaviour in pro- and premium-plans, so I would expect it to try to autosize on "rows" change and maybe give me an option to control this myself.

[romgrk]

I think I'd favor adding a recipe for 3.

[efie45]

Like @Madsim said, this seems like counter-intuitive behavior to me as well. Especially since there is a loading prop. It makes it difficult to use the default DataGrid loading functionality.

For example, if you're doing something like this:

const { data, isLoading } = useQuery(myQueryOptions);

then you need to pass in an empty array to rows while isLoading is true. Once the data finally fetches, the autosizing is still based on the size of your empty data set.

To me it would make sense to have a prop autoSizeOnLoad or autoSizeOnInitialLoad or even just have autoSizeOnMount default to resizing only after loading is set to false.

[michelengelen]

I think I'd favor adding a recipe for 3.

Thought the same while reading ... it provides the most value, since there will be a "blank" state instead of no grid being rendered at all