JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
<table width="100%">
<thead>
  <tr>
    <th>Дата заезда</th>
    <th>Кол-во<br>дней</th>
    <th>Двухместный<br>или трехместный<br>номер</th>
    <th>Одноместный<br>номер</th>
    <th>Ребенок<br>до 11-ти лет,<br>3-й в номере</th>
    <th>&nbsp;</th>
  </tr>
  </thead>
  
  <tbody class="active">
  <tr>
  	<td colspan="6" class="no-pad">
    	<ul class="tabs">
			<li class=""><a data-toggle="tab" href="#photos-tab">янв</a></li>
			<li class="active"><a data-toggle="tab" href="#map-tab">февр</a></li>
			<li><a data-toggle="tab" href="#steet-view-tab">март</a></li>
			<li><a data-toggle="tab" href="#calendar-tab">апр</a></li>
			<li><a data-toggle="tab" href="#calendar-tab">май</a></li>
			<li><a data-toggle="tab" href="#calendar-tab">июнь</a></li>
			<li><a data-toggle="tab" href="#calendar-tab">июль</a></li>
			<li><a data-toggle="tab" href="#calendar-tab">август</a></li>
			<li><a data-toggle="tab" href="#calendar-tab">сент</a></li>
			<li><a data-toggle="tab" href="#calendar-tab">окт</a></li>
			<li><a data-toggle="tab" href="#calendar-tab">нояб</a></li>
			<li><a data-toggle="tab" href="#calendar-tab">дек</a></li>
		</ul>
    </td>
  </tr>
    </tbody>
<!-- Вкладка -->
        <tbody>
  <tr>
    <td rowspan="3">20.01.15<br>Проживание в Бремене вместо Гамбурга<br>Остался 1 номер!</td>
    <td>5</td>
    <td>293 €</td>
    <td>293 €</td>
    <td>293 €</td>
    <td><a class="button btn-small yellow-bg white-color" href="">Забронировать</a></td>
  </tr>
  <tr>
    <td>293 €</td>
    <td>293 €</td>
    <td>293 €</td>
    <td>293 €</td>
    <td><a class="button btn-small yellow-bg white-color" href="">Забронировать</a></td>
  </tr>
  <tr>
    <td>293 €</td>
    <td>293 €</td>
    <td>293 €</td>
    <td>293 €</td>
    <td><a class="button btn-small yellow-bg white-color" href="">Забронировать</a></td>
  </tr>
  
  
  <tr>
    <td rowspan="3">20.01.15<br>Проживание в Бремене вместо Гамбурга<br>Остался 1 номер!</td>
    <td>5</td>
    <td>293...

CSS

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    zoom: 1;
}
.wrapper {
    max-width:890px;
    padding:0 15px;
    margin:30px auto;
}
table {
    border-collapse:collapse;
    border:1px solid #e1e1e1;
}
ul.tabs:after {
    display: table;
    content:"";
    clear: both;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
td, th {
    border:1px solid #e1e1e1;
    padding:10px 8px;
}
/*tbody td{
	border-bottom:0;
	border-top:0;
}
tbody tr{
	border-top:1px solid #e1e1e1;
}*/
 td.no-pad {
    padding:0;
}
ul.tabs {
    display: block;
    list-style:none;
    background: #fff;
    padding: 4px 0 4px 5px;
    margin:0;
}
ul.tabs li {
    float: left;
    width:8.332%;
    padding-right:5px;
    text-align:center;
}
ul.tabs li a {
    display:block;
    font-size:11px;
    text-transform:uppercase;
    height: 36px;
    line-height: 36px;
    background: #e5e4e4;
    /*padding: 0 18px;*/
    color:#231f20;
    font-weight: normal;
    text-decoration:none;
}
ul.tabs li.active > a, ul.tabs li:hover > a {
    color: #fff;
    background: #0e8abe;
    position: relative;
}
ul.tabs li.active > a:after, ul.tabs li:hover > a:after {
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    border-top: 5px solid #0e8abe;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content:"";
}
ul.tabs li:hover > a:after {
    display: none;
}
ul.tabs li.active:hover > a:after {
    display: block;
}
.yellow-bg {
    background-color: #fdb714 !important;
}
a.button {
    display:block;
    text-decoration:none;
    font-size:14px;
    text-transform:uppercase;
    color:#fff;
    font-weight:bold;
    height:38px;
    line-height:38px;
    padding:0 12px;
}

tbody {
    display: none;
}

tbody.active {
    display: table-row-group;
}

JavaScript

$(document).on('click', '.tabs li', function () {
    var obj = $(this);
    var index = obj.index();
    obj.addClass('active').siblings().removeClass('active');
    $('.wrapper tbody:not(:first)').removeClass('active').eq(index).addClass('active');
});