JSFiddle - React, Tailwind, and code Playground
by Shashank D
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container">
<div role="tabpanel" class="tab-pane active" id="someUniqueId">
<div id="someUniqueId">
<div class="row">
<div class="col-xs-8">
<div id="someUniqueId">
<div class="row">
<div class="col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">
<span class="panel-title">Left Side</span>
</div>
<div class="panel-body">
<div>
<table class="table table-bordered">
<tbody>
<tr class="warning">
<td>
Test Data
</td>
</tr>
<tr class="warning">
<td>
Test Data
</td>
</tr>
<tr class="warning">
<td>
Test Data
</td>
</tr>
<tr class="warning">
<td>
Test Data
</td>
</tr>
<tr class="warning">
<td>
Test Data
...
JavaScript
$(function() {
$('div#someID .affix').width(0.33333333 * $('div.container').width());
});
window.onresize = function () {
$('div#someID .affix').width(0.33333333 * $('div.container').width());
};