Resizing fontSize on state changing for createTextColumn/textColumn

[flamenji]

I am helped with this module a lot. Thank You very much.
But in any chance, is there any way to resize font with using useState for createTextColumn and textColumn.

let's say I have Grid with
selectColumn and createTextColumn

<DynamicDataSheetGrid
            style={{
              '--dsg-selection-border-color': 'tomato',
              '--dsg-background': '#fff1f0',
              fontSize: fontSize
            }}
            columns={columns}
            value={data}
/>

then I have a textBox Component which is
const [fontSize, setFontSize] = useState(14)

perhaps can I modify .dsg-input dynamically by using state?

But that state only affects fontSize styling for selectColumn and rowHeader only

if any Sir you could give some leads, thank you

[nick-keller]

Hey @flamenji,
You could:

<DynamicDataSheetGrid
  style={{
    // ...
    '--font-size': fontSize,
  }}
/>

And then in your CSS:

.dsg-container {
  font-size: var(--font-size);
}

.dsg-input {
  font-size: var(--font-size);
}

[flamenji]

it works! thanks a bunch @nick-keller