It does kind of suck that `th` is specifically defined as `text-align: left;`, but you do have a couple of better options here for centring the whole table.

You could put the `text-center` class on the `th` itself. For all the `td`s, putting `text-center` on the `tbody` tag is enough.

You could also add a class to `demo.less` like this
```
.text-center th {
   text-align: center;
}
```