Custom renderer parallel with cell class name

Tags: #<Tag:0x00007efc648c0ac0> #<Tag:0x00007efc648c0980>
#1

I’m using HotTable with custom renderer in one of the columns. I’m trying to add css class to every column in order to style it but className gets deleted in columns which uses custom renderer. How to use custom renderer in parallel with adding class name to top-level

element?
11
Zrzut ekranu 2023-06-26 o 12.25.11.png2918×1056 399 KB
#2

Hi @marrew

I tried to recreate your issue based on the code you sent, but with no success: https://jsfiddle.net/handsoncode/j4so6e7d/

Can you please modify it to represent the problem you are experiencing?

#3

Hi, I’ve updated the fiddle -> https://jsfiddle.net/Lv2jp6xq/25/

#4

Hi @marrew

Thank you for the updated example. The reason for this behavior is that custom renderer overrides the the custom class name assigned on the top level. This is how current styling methods are designed. We are working on simplifying it to make it easier for custom styling such as in your example.

As a workaround, I can propose adding the higher level div element to your renderer and setting the background there: https://jsfiddle.net/handsoncode/dLgvmzj2/

Let me know if that solution is suitable for you.

#5