TH y primera columna estatica

El th y la primera columna estaticas

by Marcelo Leiva

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
<table class="table table-bordered">
  <thead>
  <tr>
    <th class="text-center" style="width: auto !important;">Nombre</th>
    <th class="text-center" style="width: auto !important;" colspan="2">Viernes 01</th>
    <th class="text-center" style="width: auto !important;" colspan="2">Sábado 02</th>
    <th class="text-center" style="width: auto !important;" colspan="2">Domingo 03</th>
    <th class="text-center" style="width: auto !important;" colspan="2">Lunes 04</th>
    <th class="text-center" style="width: auto !important;" colspan="2">Martes 05</th>
    <th class="text-center" style="width: auto !important;" colspan="2">Miércoles 06</th>
    <th class="text-center" style="width: auto !important;" colspan="2">Jueves 07</th>
    <th class="text-center" style="width: auto !important;" colspan="2">Viernes 08</th>
    <th class="text-center" style="width: auto !important;" colspan="2">Sábado 09</th>
    <th class="text-center" style="width: auto !important;" colspan="2">Domingo 10</th>
    <th class="text-center" style="width: auto !important;" colspan="2">Lunes 11</th>
    <th class="text-center" style="width: auto !important;" colspan="2">Martes 12</th>
    <th class="text-center" style="width: auto !important;" colspan="2">Miércoles 13</th>
    <th class="text-center" style="width: auto !important;" colspan="2">Jueves 14</th>
    <th class="text-center" style="width: auto !important;" colspan="2">Viernes 15</th>
    <th class="text-center" style="width: auto !important;" colspan="2">Sábado 16</th>
    <th class="text-center" style="width: auto !important;" colspan="2">Domingo 17</th>
    <th class="text-center" style="width: auto !important;" colspan="2">Lunes 18</th>
    <th class="text-center" style="width: auto !important;" colspan="2">Martes 19</th>
    <th...

CSS

body {
  padding-top: 50px;
}

thead th {
  background-color: red;
}

thead tr:first-child th:first-child {
    background-color: #fff;
}