У меня есть две таблицы данных. При нажатии на первый DataTable TD, я загрузил свой второй DataTable.
При повторном нажатии td первого объекта DataTable заголовок второго объекта DataTable не загружается.
DataTable 1
<table id="" class="display table table-striped table-bordered dt-
responsive nowrap" style="width:100%" >
<thead>
<tr>
<th data-ng-repeat="(key, data) in dynamicContent.content[0]">
{{key}}</th>
</tr>
</thead>
<tbody>
<tr data-ng-repeat="dataT in dynamicContent.content">
<td data-ng-repeat="(key, data) in dataT" data-ng-
click="getfxdetailsbybranch(dataT)">{{data}}</td>
</tr>
</tbody>
</table>
DataTable 2
<table id="" class="display1 table table-striped table-bordered dt-responsive nowrap" style="width:100%" >
<thead>
<tr>
<th data-ng-repeat="(key, data) in dashboardfxdetails.content[0]">{{key}}</th>
</tr>
</thead>
<tbody>
<tr data-ng-repeat="dataT in dashboardfxdetails.content">
<td data-ng-repeat="(key, data) in dataT">{{data}}</td>
</tr>
</tbody>
</table>
<script type="text/javascript">
$(document).ready(function() {
$('').DataTable();
});
</script>
Уровень контроллера
- Уровень вызова, который обращается к API и возвращает данные.
Код: -
fxUnassignedService
.getunassignedFx($scope.fxdetails)
.then(
function(response) {
$scope.dynamicDataWithDetails = [];
if($scope.dashboardfxdetails.headers.length>0)
{
$("table.display1").DataTable().destroy(true);
}
$scope.dashboardfxdetails = response.data.data;
setTimeout(function() {$('table.display1').DataTable();}, 300);});
РЕЗУЛЬТАТ
Второй щелчок мышью скрывает заголовок таблицы второй таблицы данных