Extra Header cell displayed in Chrome (displays properly in Firefox).

LittleTreeX

I'm not too sure why this is happening, but if you check out the following link: http://encoreacademyofdance.com/schedule/ both in chrome and firefox, you'll note an extra header cell in chrome (far left blank cell). I am using jQuery and DataTables to "consume" a table called via a webservice, thus I don't have a lot of control over how the table is constructed. I "clean" the table up for DataTables, and I thought it was fine until I recently browsed the site with chrome and noticed the extra cell.

Any thoughts, or help would be appreciated.

allan

You've got two "columns" which have "display:none" on them. It would appear that Webkit objects to that for some reason (possibly a Webkit bug given the different layout in the thead form the tbody).

I'd suggest just using DataTables' column visibility options to make those two columns hidden, rather than using CSS. bVisible is the property you want.

Allan