Collapsing column hiding column separator border

Tags: #<Tag:0x00007f8b1e3eead0>
#1

HI,

I my Handson table I have added order to separate the columns. However, when I am collapsing parent column the that separator border is getting hidden.

How to show the border after collapsing parent column also.

https://jsfiddle.net/n4pk8dt7/1/

Initial Load:

image

After Collapse:

image

Thanks

#2

Hi,

Can you put the border not on the lastColumn but on the lastColumn+1? Other option is to move the border on header collapse.

Kind regards,
Wojciech

#3

  1. If I will piut the border in last+1 then border will come after the section.’

  2. If I will move the border in collapse event then every time border move logic will be trigger. I am having more lines in my grid that will cause performance issue.

Thanks

#4

Just place it on the left https://jsfiddle.net/5e01f9hs/

#5

Thanks for the response. ’

But if we will place the border at left side…then if we have last column as collapsible then it will not work. Could you please for last column.

https://jsfiddle.net/9tm2esn7/

image

Thanks

#6

Do you mean this @fayejitendra ?

image

#7

yes, I want to draw line from top to bottom.

#8

The border is missing cause you have 7 columns of data but define more via nestedHeaders (in the first line you have 9 defined). If you change

data: Handsontable.helper.createSpreadsheetData(2,7)

to

data: Handsontable.helper.createSpreadsheetData(2,9)

you get this https://jsfiddle.net/t7z1ycL5/

image
full-border

#9

Actually i was asking for border at last column. Any how I have resolved the issue.

You can close this issue.

Thanks for your suggestion and help.

#10

Great. Thank you for the update.

#11