"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:
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 |
View comments