ColVis - Hiding last column in datatable results in empty column space instead of a resize (IE7/IE8)

mirsh

Hi,

I am using ColVis.js (version 1.0.8) with jquery.dataTables.js (version 1.9.4).

I have the following issue which is specific to IE (tested with IE7 and IE8). Firefox and chrome work fine.

When hiding any column other than the last column, the remaining datable re-adjusts the width. However, when the last column is hidden using the show/hide button, an empty column space appears where the last column was. From this point onwards, the table never re-adjusts its width to its original state. Showing/hiding any number of columns will not change this state, until the last column is checked for visibility.

Could you please advise.

mirsh

Just to further clarify, once the last column is hidden, further columns can still be hidden by using the show/hide button and checking those columns, however, the empty column space just continues to grow towards the right of the table.

mirsh

Heres an update...

I have just realised that out of the 10 columns in the datatable, one of them does not have a fixed width. So when any of the other fixed width (in pixels) columns is hidden, the one column that has no fixed width takes up all of the newly available width. If that non-fixed-width column itself is hidden then the space is equally distributed between all of the other columns. This is only true of Firefox and Chrome.

In IE, the non-fixed width column continues to absorb all available free column space, but when it is itself hidden, the empty space it creates is not taken up by the rest of the columns.

Any suggestions.