Configurable row height / density for the Interactive Pivot Table (and Interactive Table) AG Grid charts

What is the problem or goal you're trying to solve or accomplish?

The customer embeds Preset dashboards in their own application and needs the Interactive Pivot Table's row height to match their design system. There is no native row-height/density control, and the AG Grid row height (~29px) is fixed such that it cannot be changed via the dashboard's custom CSS.

How are you solving it currently?

No working workaround. All attempts fail:

• height: 48px !important on the row → rows visually overlap, because AG Grid keeps computing translateY offsets from its own (unchanged) row-height value.

• Stripping the absolute layout / forcing flexbox → breaks AG Grid's row virtualization/recycling, so expanded group rows clump at the bottom of the viewport.

• Injecting --ag-row-height via dashboard custom CSS → no effect on rendered row height (reproduced: wrapper-level --ag-row-height: 48px !important, row stays at inline height: 29px).

What is your recommended solution?

Either:

1. Expose a "Row Height (px)" / density field in the chart Customize panel, or

2. Have the AG Grid initialization respect standard AG Grid CSS custom properties (e.g. --ag-row-height) rather than a fixed value.