У меня есть два div, у которых есть переполнение, установленное в auto, и они содержат ботстрап-панели.заголовок панели начальной загрузки не 100% внутри прокручиваемого div
Я стараюсь, чтобы оба divs прокручивались синхронно, что является актуальным.
Но есть две проблемы, с которыми я сталкиваюсь.
1) Текст обертывается, поэтому я использовал white-space:nowrap;
, который работал, но затем вызвал 2-й выпуск.
2) Теперь, как только я перечисляю заголовок не продлен до тела
Может кто-нибудь, пожалуйста, указать, как решить эту проблему. jsfiddle
Спасибо !!!
var $divs = $('#generalContainer, #dataContainer');
var sync = function(e){
var me = $(this);
var $other = $divs.not(me).off('scroll');
$divs.not(me).each(function (index) {
$(this).scrollLeft(me.scrollLeft());
});
setTimeout(function() {
$other.on('scroll', sync);
}, 10);
}
$divs.on('scroll', sync);
.panel-heading .chevron:after {
content: "\f078";
}
.panel-heading.collapsed .chevron:after {
content: "\f054";
}
#generalContainer, #dataContainer{
width: 1050px;
height: 300px;
overflow: auto;
}
.panel-body{
font-size: 7pt;
white-space:nowrap;
}
#generalContainer{
}
#dataContainer{
}
.general-head-col-width{
width: 200px;
padding: 5px 10px 10px 5px;
}
.general-col-width{
width: 620px;
padding: 5px 10px 10px 5px;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script>
<div id="generalContainer" >
<div class="panel panel-primary">
<div class="panel-heading clearfix" data-toggle="collapse" data-target="#generalInfo"> General <i class="chevron fa fa-fw"></i></div>
\t <div class="panel-body" id="generalInfo">
\t \t <table>
\t \t \t <tbody>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Number</span></td>
\t \t \t \t <td class="general-col-width"><span>00110027</span></td>
\t \t \t \t <td class="general-col-width"><span>00110032</span></td>
\t \t \t \t <td class="general-col-width"><span>00110046</span></td>
\t \t \t \t <td class="general-col-width"><span>00110046</span></td>
\t \t \t \t <td class="general-col-width"><span>00110046</span></td>
\t \t \t \t <td class="general-col-width"><span>00110046</span></td>
\t \t \t \t <td class="general-col-width"><span>00110051</span></td>
\t \t \t \t <td class="general-col-width"><span>00110051</span></td>
\t \t \t \t <td class="general-col-width"><span>00110051</span></td>
\t \t \t \t <td class="general-col-width"><span>00110126</span></td>
\t \t \t \t <td class="general-col-width"><span>00110126</span></td>
\t \t \t \t <td class="general-col-width"><span>00110131</span></td></tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Type</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t </tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Name</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item. This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item. This is a sample item. This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item. This is a sample item. This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item. This is a sample item. This is a sample item. This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item. This is a sample item. This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item. This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item. This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item. This is a sample item. This is a sample item. This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item. This is a sample item. This is a sample item.</span></td>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">PA</span></td>
\t \t \t \t <td class="general-col-width"><span>1413-Ovenware</span></td>
\t \t \t \t <td class="general-col-width"><span>1511-Dinnerware and serving</span></td>
\t \t \t \t <td class="general-col-width"><span>1521-Drinking glasses</span></td>
\t \t \t \t <td class="general-col-width"><span>1521-Drinking glasses</span></td>
\t \t \t \t <td class="general-col-width"><span>1521-Drinking glasses</span></td>
\t \t \t \t <td class="general-col-width"><span>1521-Drinking glasses</span></td>
\t \t \t \t <td class="general-col-width"><span>0821-Chairs incl covers, folding chairs and benches</span></td>
\t \t \t \t <td class="general-col-width"><span>0821-Chairs incl covers, folding chairs and benches</span></td>
\t \t \t \t <td class="general-col-width"><span>0821-Chairs incl covers, folding chairs and benches</span></td>
\t \t \t \t <td class="general-col-width"><span>1711-Outdoor dining tables</span></td>
\t \t \t \t <td class="general-col-width"><span>1711-Outdoor dining tables</span></td>
\t \t \t \t <td class="general-col-width"><span>0934-Textiles for small children</span></td>
\t \t \t \t </tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Another Option</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t </tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Supplier</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>20774-OOO Xxxxxx</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>17987-Xxxxx. ABCDEF ghi</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t </tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Type1</span></td>
\t \t \t \t <td class="general-col-width"><span>Immediate</span></td>
\t \t \t \t <td class="general-col-width"><span>Immediate</span></td>
\t \t \t \t <td class="general-col-width"><span>Immediate</span></td>
\t \t \t \t <td class="general-col-width"><span>Immediate</span></td>
\t \t \t \t <td class="general-col-width"><span>Immediate</span></td>
\t \t \t \t <td class="general-col-width"><span>Final</span></td>
\t \t \t \t <td class="general-col-width"><span>Immediate</span></td>
\t \t \t \t <td class="general-col-width"><span>Immediate</span></td>
\t \t \t \t <td class="general-col-width"><span>Immediate</span></td>
\t \t \t \t <td class="general-col-width"><span>Immediate</span></td>
\t \t \t \t <td class="general-col-width"><span>Final</span></td>
\t \t \t \t <td class="general-col-width"><span>Immediate</span></td>
\t \t \t \t </tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Status</span></td>
\t \t \t \t <td class="general-col-width"><span>INTERMEDIATE</span></td>
\t \t \t \t <td class="general-col-width"><span>COMPLETED</span></td>
\t \t \t \t <td class="general-col-width"><span>COMPLETED</span></td>
\t \t \t \t <td class="general-col-width"><span>COMPLETED</span></td>
\t \t \t \t <td class="general-col-width"><span>COMPLETED</span></td>
\t \t \t \t <td class="general-col-width"><span>COMPLETED</span></td>
\t \t \t \t <td class="general-col-width"><span>COMPLETED</span></td>
\t \t \t \t <td class="general-col-width"><span>INTERMEDIATE</span></td>
\t \t \t \t <td class="general-col-width"><span>INTERMEDIATE</span></td>
\t \t \t \t <td class="general-col-width"><span>COMPLETED</span></td>
\t \t \t \t <td class="general-col-width"><span>COMPLETED</span></td>
\t \t \t \t <td class="general-col-width"><span>COMPLETED</span></td>
\t \t \t \t </tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Date</span></td>
\t \t \t \t <td class="general-col-width"><span>2009-10-02</span></td>
\t \t \t \t <td class="general-col-width"><span>2011-02-11</span></td>
\t \t \t \t <td class="general-col-width"><span>2016-01-15</span></td>
\t \t \t \t <td class="general-col-width"><span>2016-01-15</span></td>
\t \t \t \t <td class="general-col-width"><span>2009-11-24</span></td>
\t \t \t \t <td class="general-col-width"><span>2016-02-27</span></td>
\t \t \t \t <td class="general-col-width"><span>2009-11-03</span></td>
\t \t \t \t <td class="general-col-width"><span>2009-10-02</span></td>
\t \t \t \t <td class="general-col-width"><span>2009-10-02</span></td>
\t \t \t \t <td class="general-col-width"><span>2013-10-18</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-04-13</span></td>
\t \t \t \t <td class="general-col-width"><span>2009-10-02</span></td>
\t \t \t \t </tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Latest Update</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-10-27</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-06-09</span></td>
\t \t \t \t <td class="general-col-width"><span>2016-01-15</span></td>
\t \t \t \t <td class="general-col-width"><span>2016-01-15</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-12-17</span></td>
\t \t \t \t <td class="general-col-width"><span>2016-02-27</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-06-09</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-10-27</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-10-27</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-10-30</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-04-13</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-06-09</span></td>
\t \t \t \t </tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">No</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t <td class="general-col-width"><span>5</span></td>
\t \t \t \t <td class="general-col-width"><span>4</span></td>
\t \t \t \t <td class="general-col-width"><span>2</span></td>
\t \t \t \t <td class="general-col-width"><span>5</span></td>
\t \t \t \t <td class="general-col-width"><span>3</span></td>
\t \t \t \t <td class="general-col-width"><span>2</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t </tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Edition</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t <td class="general-col-width"><span>3</span></td>
\t \t \t \t <td class="general-col-width"><span>2</span></td>
\t \t \t \t <td class="general-col-width"><span>3</span></td>
\t \t \t \t <td class="general-col-width"><span>4</span></td>
\t \t \t \t <td class="general-col-width"><span>2</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t <td class="general-col-width"><span>6</span></td>
\t \t \t \t <td class="general-col-width"><span>6</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t </tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Validity</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>2016-02-28-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-04-14-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td></tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Date1</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>2016-02-27</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-04-13</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td></tr>
\t \t \t </tbody>
\t \t </table>
\t </div>
</div>
</div>
<div id="dataContainer">
\t <div class="panel panel-info">
\t \t <div class="panel-heading collapsed" data-toggle="collapse" data-target="#RequiredCP">Package <i class="chevron fa fa-fw"></i></div>
\t \t \t <div class="panel-body collapse" id="RequiredCP">
\t \t \t <table>
\t \t \t <tbody>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Number</span></td>
\t \t \t \t <td class="general-col-width"><span>00110027</span></td>
\t \t \t \t <td class="general-col-width"><span>00110032</span></td>
\t \t \t \t <td class="general-col-width"><span>00110046</span></td>
\t \t \t \t <td class="general-col-width"><span>00110046</span></td>
\t \t \t \t <td class="general-col-width"><span>00110046</span></td>
\t \t \t \t <td class="general-col-width"><span>00110046</span></td>
\t \t \t \t <td class="general-col-width"><span>00110051</span></td>
\t \t \t \t <td class="general-col-width"><span>00110051</span></td>
\t \t \t \t <td class="general-col-width"><span>00110051</span></td>
\t \t \t \t <td class="general-col-width"><span>00110126</span></td>
\t \t \t \t <td class="general-col-width"><span>00110126</span></td>
\t \t \t \t <td class="general-col-width"><span>00110131</span></td></tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Type</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t <td class="general-col-width"><span>ABC</span></td>
\t \t \t \t </tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Name</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item. This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item. This is a sample item. This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item. This is a sample item. This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item. This is a sample item. This is a sample item. This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item. This is a sample item. This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item. This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item. This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item. This is a sample item. This is a sample item. This is a sample item.</span></td>
\t \t \t \t <td class="general-col-width"><span>This is a sample item. This is a sample item. This is a sample item.</span></td>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">PA</span></td>
\t \t \t \t <td class="general-col-width"><span>1413-Ovenware</span></td>
\t \t \t \t <td class="general-col-width"><span>1511-Dinnerware and serving</span></td>
\t \t \t \t <td class="general-col-width"><span>1521-Drinking glasses</span></td>
\t \t \t \t <td class="general-col-width"><span>1521-Drinking glasses</span></td>
\t \t \t \t <td class="general-col-width"><span>1521-Drinking glasses</span></td>
\t \t \t \t <td class="general-col-width"><span>1521-Drinking glasses</span></td>
\t \t \t \t <td class="general-col-width"><span>0821-Chairs incl covers, folding chairs and benches</span></td>
\t \t \t \t <td class="general-col-width"><span>0821-Chairs incl covers, folding chairs and benches</span></td>
\t \t \t \t <td class="general-col-width"><span>0821-Chairs incl covers, folding chairs and benches</span></td>
\t \t \t \t <td class="general-col-width"><span>1711-Outdoor dining tables</span></td>
\t \t \t \t <td class="general-col-width"><span>1711-Outdoor dining tables</span></td>
\t \t \t \t <td class="general-col-width"><span>0934-Textiles for small children</span></td>
\t \t \t \t </tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Another Option</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t <td class="general-col-width"><span>No</span></td>
\t \t \t \t </tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Supplier</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>20774-OOO Xxxxxx</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>17987-Xxxxx. ABCDEF ghi</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t </tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Type1</span></td>
\t \t \t \t <td class="general-col-width"><span>Immediate</span></td>
\t \t \t \t <td class="general-col-width"><span>Immediate</span></td>
\t \t \t \t <td class="general-col-width"><span>Immediate</span></td>
\t \t \t \t <td class="general-col-width"><span>Immediate</span></td>
\t \t \t \t <td class="general-col-width"><span>Immediate</span></td>
\t \t \t \t <td class="general-col-width"><span>Final</span></td>
\t \t \t \t <td class="general-col-width"><span>Immediate</span></td>
\t \t \t \t <td class="general-col-width"><span>Immediate</span></td>
\t \t \t \t <td class="general-col-width"><span>Immediate</span></td>
\t \t \t \t <td class="general-col-width"><span>Immediate</span></td>
\t \t \t \t <td class="general-col-width"><span>Final</span></td>
\t \t \t \t <td class="general-col-width"><span>Immediate</span></td>
\t \t \t \t </tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Status</span></td>
\t \t \t \t <td class="general-col-width"><span>INTERMEDIATE</span></td>
\t \t \t \t <td class="general-col-width"><span>COMPLETED</span></td>
\t \t \t \t <td class="general-col-width"><span>COMPLETED</span></td>
\t \t \t \t <td class="general-col-width"><span>COMPLETED</span></td>
\t \t \t \t <td class="general-col-width"><span>COMPLETED</span></td>
\t \t \t \t <td class="general-col-width"><span>COMPLETED</span></td>
\t \t \t \t <td class="general-col-width"><span>COMPLETED</span></td>
\t \t \t \t <td class="general-col-width"><span>INTERMEDIATE</span></td>
\t \t \t \t <td class="general-col-width"><span>INTERMEDIATE</span></td>
\t \t \t \t <td class="general-col-width"><span>COMPLETED</span></td>
\t \t \t \t <td class="general-col-width"><span>COMPLETED</span></td>
\t \t \t \t <td class="general-col-width"><span>COMPLETED</span></td>
\t \t \t \t </tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Date</span></td>
\t \t \t \t <td class="general-col-width"><span>2009-10-02</span></td>
\t \t \t \t <td class="general-col-width"><span>2011-02-11</span></td>
\t \t \t \t <td class="general-col-width"><span>2016-01-15</span></td>
\t \t \t \t <td class="general-col-width"><span>2016-01-15</span></td>
\t \t \t \t <td class="general-col-width"><span>2009-11-24</span></td>
\t \t \t \t <td class="general-col-width"><span>2016-02-27</span></td>
\t \t \t \t <td class="general-col-width"><span>2009-11-03</span></td>
\t \t \t \t <td class="general-col-width"><span>2009-10-02</span></td>
\t \t \t \t <td class="general-col-width"><span>2009-10-02</span></td>
\t \t \t \t <td class="general-col-width"><span>2013-10-18</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-04-13</span></td>
\t \t \t \t <td class="general-col-width"><span>2009-10-02</span></td>
\t \t \t \t </tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Latest Update</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-10-27</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-06-09</span></td>
\t \t \t \t <td class="general-col-width"><span>2016-01-15</span></td>
\t \t \t \t <td class="general-col-width"><span>2016-01-15</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-12-17</span></td>
\t \t \t \t <td class="general-col-width"><span>2016-02-27</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-06-09</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-10-27</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-10-27</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-10-30</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-04-13</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-06-09</span></td>
\t \t \t \t </tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">No</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t <td class="general-col-width"><span>5</span></td>
\t \t \t \t <td class="general-col-width"><span>4</span></td>
\t \t \t \t <td class="general-col-width"><span>2</span></td>
\t \t \t \t <td class="general-col-width"><span>5</span></td>
\t \t \t \t <td class="general-col-width"><span>3</span></td>
\t \t \t \t <td class="general-col-width"><span>2</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t </tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Edition</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t <td class="general-col-width"><span>3</span></td>
\t \t \t \t <td class="general-col-width"><span>2</span></td>
\t \t \t \t <td class="general-col-width"><span>3</span></td>
\t \t \t \t <td class="general-col-width"><span>4</span></td>
\t \t \t \t <td class="general-col-width"><span>2</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t <td class="general-col-width"><span>6</span></td>
\t \t \t \t <td class="general-col-width"><span>6</span></td>
\t \t \t \t <td class="general-col-width"><span>1</span></td>
\t \t \t \t </tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Validity</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>2016-02-28-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-04-14-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td></tr>
\t \t \t \t <tr>
\t \t \t \t <td class="general-head-col-width" ><span class="Caption">Date1</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>2016-02-27</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td>
\t \t \t \t <td class="general-col-width"><span>2015-04-13</span></td>
\t \t \t \t <td class="general-col-width"><span>-</span></td></tr>
\t \t \t </tbody>
\t \t </table>
\t \t </div>
\t </div>
</div>
Ваши столы всегда имеет такую же ширину? – makshh
Более или менее да. –