Quick Tips

If combining bootstrap framework and this pure css solution, make sure to double check:

That your thead is hidden when device or browser size is under the mobile breaking point – use display:none in your CSS. The mobile breaking point for bootstrap is set at 768 pixels; however, this is a variable that can easily change.

Consider using the title attribute in lieu of the data-label. If you go this route, change the CSS content property to: