Can I have 2 row headers?

Tags: #<Tag:0x00007efc64b75630>

Can I have a custom HTML as row header OR can I have row header split into 2 columns?

I need to display bussiness ID as well as row number as header and I want to avoid using first data column as an additional “header” (which I am alredy doing similar thing for having column headers)

Hi @sebastian.choina

The easiest way to have a visual slip between two values in a single row header would be to use HTML directly in colHeaders or afterGetColHeader. Here is an example https://jsfiddle.net/0ay483hx/

ps. you might also need the rowHeaderWidth (like in my demo) to alter the headers width as they do not expand with titles.

This is what I did but alignment is not that great then (as seen in your example). HTML you say? I did try to return DOM elements but it was not working (rendering as toString()). I didn’t try markup but I can see it gets stripped out https://jsfiddle.net/j0namc5v/

I guess that afterGetColHeader will be the way to go. Also accepting DOM elements (but maybe not a markup) would be usefull here.

Or did you mean that I can use HTML when having headers array, I can use markup but not in factory variant?

Allright I have misused the markup variant as it works (where did I get that <bold> tag from?) I think that I will be able to do what I want using that markup. Thank you!

This demo https://jsfiddle.net/6hvs5qnt/ can be also helpful with constructing HTML elements and using them inside the row header.

Thank you, can be closed as supporting markup should be enough in majority of cases (which I have tested badly and concluded it does not work) Thanks again. Resolved

Glad I could help. Have a greet weekend @sebastian.choina