'Datatable with AngularJS in Tabs
I am trying to use datatable inside uib-tabs. But since angularjs loads the datatable once, I can't see the datatable in the 2nd tab. If the index value is earlier, the datatable is loaded first. how can i solve this problementer image description here
<uib-tabset active="active"> <uib-tab
heading="Onay Bekleyen Tweetler">
<div class="container" style="margin-top:40px;">
<table id="myTable" class="table table-striped" datatable="ng">
<thead>
<tr>
<th>Kullanıcı</th>
<th>Oluşturulma Tarihi</th>
<th>Seçenekler</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="tweet in tweets">
<td>{{tweet.creative}}</td>
<td>{{tweet.create_date}}</td>
<td><a type="button" id="target" class="btn btn-default"
data-toggle="modal" data-target="#showTweetModal"
ng-click="showTweet(tweet.description)">Tweet'i Gör</a> <a
class="btn btn-primary"
style="width: 90px; margin-left: 5px;"
ng-click="sendTweet(tweet.id)">Onayla</a> <a
class="btn btn-danger" style="width: 90px; margin-left: 5px;"
ng-click="refuseTweet(tweet.id)">Reddet</a></td>
</tr>
</tbody>
</table>
</div>
</uib-tab>
<uib-tab heading="Gönderilen Tweetler">
<div class="container" style="margin-top: 40px;">
<table id="myTable" class="table table-striped" datatable="ng">
<thead>
<tr>
<th>Kullanıcı</th>
<th>Gönderilme Tarihi</th>
<th>Seçenekler</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="tweet in confirmedTweets">
<td>{{tweet.creative}}</td>
<td>{{tweet.tweeting_date}}</td>
<td><a type="button" class="btn btn-primary">Deneme</a></td>
</tr>
</tbody>
</table>
</div>
</uib-tab>
</uib-tabset>
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|
