Nicely formatted table, thanks for the snippet. When I moved it over to a Bootstrap 3 powered site a small display glitch appeared with the grey border under the th (it went right to the edge, over the top of the purple side borders).
To fix this you just need to set your table tag back to border-collapse: separate;.
Probably best to wrap this all in some kind of namespace so its just applied to this specific table as I don't know what effect that could have on the rest of the bootstrap styles.
Need to know how to enable it? Go here.