React Handsontable - setting className for custom rendered HotColumn

[jose]

Hello, searching for a solution I got to this answer.

React Handsontable - setting className for HotColumn with hot-render

I’m rendering a HotColumn as below and trying to set className of the td element as “text-center” <HotColumn title="Confirmed" data="confirmed" readOnly={true} className="text-center"> <CustomRenderer hot-render /> </HotColumn> What am I doing wrong here? Thanks a lot!

But it’s not working as I was expecting, if I create a hot-renderer element inside HotColumn then className is not applied to the td element. Here you have an example https://codesandbox.io/s/declaring-column-settings-forked-rzfxl

[piotr.laszczkowski]

Hi @jose,
to pass className to the TD element, you have to put them manually from the props.cellProperty to the props.TD: https://codesandbox.io/s/declaring-column-settings-forked-dth53?file=/src/index.js

[jose]

It works, thanks!