Collapsing column hiding column separator border

fayejitendra · January 3, 2020, 11:41am

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.

Initial Load:

After Collapse:

Thanks

wojciech.czerniak · January 3, 2020, 12:39pm

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

fayejitendra · January 3, 2020, 1:55pm

If I will piut the border in last+1 then border will come after the section.’
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

wojciech.czerniak · January 3, 2020, 3:48pm

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

fayejitendra · January 3, 2020, 4:26pm

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.

Thanks

aleksandra_budnik · January 7, 2020, 10:54am

Do you mean this @fayejitendra ?

fayejitendra · January 7, 2020, 11:07am

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

aleksandra_budnik · January 7, 2020, 11:36am

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 Handsontable example - JSFiddle - Code Playground

full-border

fayejitendra · January 7, 2020, 12:09pm

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.

aleksandra_budnik · January 7, 2020, 1:51pm

Great. Thank you for the update.