Setting a default columnSize value for dash_ag_grid

[petar-qb]

Reference link: https://dash.plotly.com/dash-ag-grid/column-sizing#size-to-fit-and-responsive-size-to-fit

Should Vizro set columnSize="responsiveSizeToFit" for the dash_ag_grid figure function by default?

[huong-li-nguyen]

@maxschulz-COL and I once discussed this several times, but there were difficulties with each approach 😄 I actually don't remember what we ended up with.

So this is how I would expect it to work:

• The Grid always takes on the full width of the screen size so even if there are only 3 columns, the width of the grid will be the entire page (as in the dash_data_table)
• If there are more columns in the Grid that it fits in width, a scroll bar will appear horizontally
• All columns are always well visible and not squeezed (so should be fully readable)

Now, I don't know what configuration achieves this (if any?)

[maxschulz-COL]

Mostly agree with the above. But I would note a few things:

• having columns and their content fully readable can also be annoying when there are outliers
• I remember that problems also occurred also when pre-setting things, but this issue may have been removed now with your work and providing just a Div, and not an object

[huong-li-nguyen]

I quickly discussed this with Joe and from a design perspective we would prefer that it expands to its full width (which it currently does not do). However, there are pros/cons for both approaches and the preference is not significant. So we decided to not change anything for now and let users configure it themselves 👍

This means for our demos, please set columnSize="responsiveSizeToFit" manually for now if the table does not take the full width :)