React Handsontable - setting className for HotColumn with hot-render

Tags: #<Tag:0x00007f8b1da1bfa8>
#1

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!

React Handsontable - setting className for custom rendered HotColumn
#2

Thank you for sharing the issue report, @knguyen

I have replicated the issue. The className is added to a cell but I cannot change any of its CSS properties (like a background color). I will investigate the case, report it and come back to you with details later today.

Firstly I used some hotColumn demo from our page and got the same result. But then I created an example from a scratch and was able to get the styling applied. Please check this demo https://codesandbox.io/s/declaring-column-settings-forked-kgl90 I’ve placed some comments in the CSS section.

#3

hey @aleksandra_budnik thanks for replying. Let me try again! Will update here on how it goes

#4

OK, @knguyen please take your time. I’ll be waiting for your update.

#5

I confirm that it works from my end. I’m not quite sure why it wasn’t working previously. But as I create a new react app, it’s working now.

#6

Great. Thank you for the update.

#7