Edit: After testing some more, I've determined that this issue of the mysteriously white Data Table header occurs only when dropping the component into a Lightning Application with
Anyone know why the CSS is changing here?
Outdated and non-working css/code on SFDC documentation is the bane of anyone attempting to learn the framework.
For example, looking at https://lightningdesignsystem.com/components/data-tables/
The first example, the 'Base' styling, clearly shows a grey header row in the example.
And yet, when I copy/paste the provided sample code into an empty lightning component and run, I get a table with no color in the header, just white like every other row.
Was there a change to SLDS table design, or is there something missing from the example styling?
Also.. is it really that unreasonable to expect their own documentation to at least be internally consistent? I've run into multiple examples of stuff like this now, and I don't feel like I can rely on the documentation (which is really bad because I can't be confident that any issue is due to my own coding mistakes).