I want the first column in my table to be hidden, to get this look:
So I am using the CSS \[code\]visibility: hidden;\[/code\] to do so. The screenshot above is taken in Chrome, where it works perfectly. However, this happens in Firefox:
How can I make Firefox hide the header of the first column in a table?
EDIT: Here's my table CSS, as requested:\[code\].styledtable{ width:100%; table-layout:fixed; /*each column same width, unless width explicitly specified*/ border:1px solid black; border-collapse:collapse;}.styledtable td, .styledtable th{ border:1px solid black; padding:3px;}.styledtable th{ background:#cfcfcf; }.styledtable td{ background:white; }/* in a table with the first columnn empty (ie. with actions in the column below it), * make the first column take up space, but not actually appear. * Usage: <th style="width:40%;" class="firstcol"> </th> */.firstcol{ visibility:hidden;}/*every second row different color, if the table itself doesn't have the class "no-odd-row-highlight"*/.styledtable:not(.no-odd-row-highlight) tr:nth-child(odd) td{ background:#eeeeee; }\[/code\]
EDIT: Here's my table CSS, as requested:\[code\].styledtable{ width:100%; table-layout:fixed; /*each column same width, unless width explicitly specified*/ border:1px solid black; border-collapse:collapse;}.styledtable td, .styledtable th{ border:1px solid black; padding:3px;}.styledtable th{ background:#cfcfcf; }.styledtable td{ background:white; }/* in a table with the first columnn empty (ie. with actions in the column below it), * make the first column take up space, but not actually appear. * Usage: <th style="width:40%;" class="firstcol"> </th> */.firstcol{ visibility:hidden;}/*every second row different color, if the table itself doesn't have the class "no-odd-row-highlight"*/.styledtable:not(.no-odd-row-highlight) tr:nth-child(odd) td{ background:#eeeeee; }\[/code\]