On hiding more than 20 columns at once , the hidden columns are still visible with some width and additional td elements are shown in dom

Tags: #<Tag:0x00007efc6456ddf0>
#1

Hi All,
Needed some help with the following issue
I want to conditionally hide and show some columns and for that I am using hideColumns method via the plugin instance . But the issue I am facing is that when hiding more than 20 columns at once I can see the hidden columns with some width. The method creates empty td elements that has some padding and border which seems to be the root cause of this issue. So as the number of hidden column increases the number of empty td element increases and as a result extra width is added which makes the grid look distorted .Also hide Columns method doesn’t seem to be working in case of nested header.

image
image.png1911×947 104 KB

Here is a Jsfiddle that I tried for hiding the columns using updateSettings but since the number of columns that is being hidden is less , the grid looks normal. But I think same problem will happen here when we increase the number of columns to be hidden
http://jsfiddle.net/mrtrjtu9/

Here is the js fiddle that I created that uses plugin for hiding more than 50 columns
http://jsfiddle.net/v167or9w/2/

1 Like
#2

Hi @shivanijaya954

In the newest version of Handsontable this issue does not occur http://jsfiddle.net/handsoncode/1bzhova5/ (v9.0.1)

This issue was fixed in v8.0.0 http://jsfiddle.net/handsoncode/odr5a28w/
(here’s 7.4.2 where it was still broken http://jsfiddle.net/handsoncode/8u76jcsk/)

1 Like
On hiding more than 20 columns at once , the hidden columns are still visible with some width
#3

Thankyou !

#4