Когда я вставляю таблицу в часть панели вкладок, мои части панели вкладок показываются друг за другом, но когда удаляют таблицу и вставляют часть <p>, все в порядке.
Я разрабатываю пользовательскуюСтраница консоли агента для нашего VoIP-сервера issabel
<div class="row">
<ul class="nav nav-pills">
<li class="active" style="float:right"><a data-toggle="pill" href="#showMerchants_{$current['NationalCode']}">{$LBL_MERCHANTS}</a></li>
<li style="float:right"><a data-toggle="pill" href="#showCalls_{$current['NationalCode']}">{$LBL_CALLS}</a></li>
</ul>
<div class="tab-content">
<div id="showMerchants_{$current['NationalCode']}" class=" tab-pane fade in active">
<div class="container">
<div class="row">
<table class="table" id="table_{$current['NationalCode']}">
<tbody>
<tr>
<td> {$current['FullName']} : showMerchants</td>
<td> {$smarty.version} </td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="showCalls_{$current['NationalCode']}" class="table-responsive tab-pane fade in ">
<p> {$current['FullName']} : showCalls </p>
</div>
</div>
</div>
Ожидаемый результат показывает две вкладки2, которые при нажатии на каждую панель отображают содержимое, относящееся к выбранной вкладке, но обе панели отображаются после друг друга.Я использую Chrome инспектор, и он показывает, что элемент таблицы не на своем месте.
Результат проверки Chrome:
