"table-layout:fixed;" is used on tables for performance reasons. While hiding a column, remaining columns width automatically adjusts to table width in all browsers but not in IE8 Standards Mode. In IE8 standards mode table width shrinks. This can be observed in below table by clicking on Hide Column.
Solution: While hiding the column switch table display property between inline-table to default one.
Code:
table1.style.display = "inline-table";
window.setTimeout(function(){table1.style.display = "";},0);


Column1 Column2 Column3 Column4 Column5 Column6
Data1 Data2 Data3 Data4 Data5 Data6
Data1 Data2 Data3 Data4 Data5 Data6
Data1 Data2 Data3 Data4 Data5 Data6
Data1 Data2 Data3 Data4 Data5 Data6
Data1 Data2 Data3 Data4 Data5 Data6
Data1 Data2 Data3 Data4 Data5 Data6
Data1 Data2 Data3 Data4 Data5 Data6
Data1 Data2 Data3 Data4 Data5 Data6
Data1 Data2 Data3 Data4 Data5 Data6
Data1 Data2 Data3 Data4 Data5 Data6

1

View comments

Loading