I've been trying to style the table header in Bootgrid and have only had limited success. I'm using the below code and the background color of the table header updates just fine. However, the text color of the header does not change. My classes below relate to the following:
.bg-gray { background-color: #9e9e9e !important; }
.c-white { color: #fff !important; }
<table id="data-table-selection" class="table table-hover table-bordered">
<thead class="bg-gray c-white">
<tr>
<th data-column-id="id" data-type="numeric" data-identifier="true">ID</th>
<th data-column-id="name" data-order="asc">Name</th>
<th data-column-id="address" data-sortable="false">Physical Address</th>
<th data-column-id="state" >Country</th>
</tr>
</thead>
</table>
I'm just wondering if I'm missing something or there's some issue with styling the header in bootgrid? Really appreciate any help!