IE and hidden columns

[thornidlo]

Hello, i found this problem. I need a table with some columns (TH + TD) which are hidden (display: none). If I try that in firefox + chrome, its ok. But in IE10+ widths of columns are different. I tried to rewrite html to JFIDDLE: http://jsfiddle.net/Ls7dpomh/14/, but behaviour of IE is weird.

[mkoryak]

IE doesnt work well with hidden columns. It needs to have a row that has all columns visible (but can have height of 0 so user doesnt see it).

see this thread for more details on the issue:
#115

[ALCBerry87]

Try adding this as an option for the floatThead:
getSizingRow: function($table) {
return $table.find("tbody tr:visible:first>td:visible")
}

I had the same problem and it seems to be working for me.

[thornidlo]

👍 Thank you! That option is best way for me and works perfect now. But maybe it deserves to include to plugin :).

[mkoryak]

maybe it does, ill change the default selector to "tbody tr:visible:first>*:visible", but i wont create a new version until I get a bit more stuff in there. It will live on master

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.