JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://unpkg.com/patternfly/dist/css/patternfly-additions.min.css">
<link rel="stylesheet" href="https://unpkg.com/patternfly/dist/css/patternfly.min.css">
<table class="table table-hover table-responsive">
  <thead>
    <tr class="thead">
      <td>Name</td>
      <td>Nov16</td>
      <td>Dec16</td>
      <td>Jan17</td>
      <td>Feb17</td>
      <td>Mar17</td>
      <td>Apr17</td>
      <td>May17</td>
      <td>Jun17</td>
      <td>Jul17</td>
      <td>Aug17</td>
      <td>Sept17</td>
      <td>Oct17</td>
      <td>RTM</td>
      <td style="
    padding-left: 5px;
    padding-right: 5px;
    width: 42px;
    ">2012</td>
      <td>2013</td>
      <td>2014</td>
      <td>2015</td>
      <td>2016</td>
      <td>YTD</td>
    </tr>
  </thead>
  <tbody>
    <tr role="row">
      <td class="text-left">Gabe Maloney</td>
      <td class="text-right">253</td>
      <td class="text-right">229</td>
      <td class="text-right">78</td>
      <td class="text-right">36</td>
      <td class="text-right">236</td>
      <td class="text-right">107</td>
      <td class="text-right">106</td>
      <td class="text-right">246</td>
      <td class="text-right">66</td>
      <td class="text-right">71</td>
      <td class="text-right">172</td>
      <td class="text-right">235</td>
      <td class="text-right ttm">1728</td>
      <td class="text-right">1943</td>
      <td class="text-right">1275</td>
      <td class="text-right">1810</td>
      <td class="text-right">225</td>
      <td class="text-right">985</td>
      <td class="text-right ytd">896</td>
    </tr>
    <tr role="row">
      <td class="text-left">Adrien Johnson</td>
      <td class="text-right">274</td>
      <td class="text-right">291</td>
      <td class="text-right">195</td>
      <td class="text-right">133</td>
      <td class="text-right">171</td>
      <td class="text-right">19</td>
      <td class="text-right">79</td>
      <td class="text-right">31</td>
      <td...

CSS

.thead {
  background-clip: padding-box;
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom,#fafafa 0,#ededed 100%);
  background-repeat: repeat-x;
  font-weight: 700;
  font-size: 12px;
}
table ,tr td{
    border:1px solid red
}
tbody {
  max-height: 40px;
}
tbody {
    overflow-y:scroll;
}

thead, tbody tr {
    width:100%;
    table-layout:fixed;
}

tr td:first-child {
  width: 60px;

}

.table-hover>tbody>tr:hover> td{
  background-color: #ffa;
  border-bottom-color: #ffa;
}
.table-hover>tbody>tr>td:hover:not(:first-child) {
  background-color: #fff;
  border: 1px solid #aaa;
}

td {
	text-overflow: ellipsis;
	width: 10px;
	white-space: nowrap;
	overflow: hidden;
	padding: 2px;
}