Nested header column width and alignment between row and header

Tags: #<Tag:0x00007efc6e36bd68>
#1

I must say that handsontable is an excellent tool to work with.
I am using the same for a very wide table.
At present i am facing two issues:

  1. I want to auto-resize header width according to content. I have tried following style but its not working:

    .handsontable col.rowHeader {
    width: 180px;
    }
    Even i have tried following options but nothing is working out:
    autoColumnSize: true,
    colWidths: 100,
    viewportColumnRenderingOffset: 150,

  2. When I scroll to last column the header is out of alignment as compared to its data cell. please see below:

image.png1567×129 7.33 KB

#2

Hi @dasguptahirak

first of all, thank you for the kind words.

Can you share your code, please?

The headers should extend the columns’ width like presented in this demo http://jsfiddle.net/handsoncode/6fyaj3fL/

screen:

#3

Thanks for your prompt reply.
Your example of jsfiddle is perfect.
But my problem is that I am populating nested headers dynamically.
I am also setting the colspan of header parent row on basis of no of children.
Can you please throw some light on the second issue i.e last column alignment problem

#4

Can you share your code that sets the nested headers? It will be easier for me to test some approaches.

But before that try adding autoColumnSize: true and check if the number of cells equals to a number of columns in all levels of the nestedHeaders structure. At the first glance, it looks like it does not match.

#5

I am closing this issue as there is no reply from the author for more than a week.

#6