Column headers disappearing

Hi Rebecca,

I don’t think you’re doing anything wrong per se, I think there’s a conflict somewhere in your theme or other plugins with the DataTables code. If I load your website without JavaScript enabled, then the column headers stick around, no problems. If I enable JavaScript and reload your site, then the column headers vanish immediately after the DataTables scripts load, but I can still sort the columns by clicking on where the headers are supposed to be.

So the column headers are there, but they’re not visible, due to an unfortunate design implication of a white background with white text. Disabling the CSS rule on line 105 of your theme’s style.css (table tr th{ color: #ffffff; }) restores the visible column heading text.

This suggests that there’s simply a CSS conflict somewhere in your style sheet that will need a bit more tweaking. Note that the plugin loads its own default styles for DataTables-enhanced tables, and so you may need to adjust your own styles to override some of its declarations with your own, more specific rules, as per the CSS cascade.

Good luck!