My goal is to design an Angularjs collapse table with bootstrap, and I stumbled upon a helpful resource titled Twitter Bootstrap Use collapse.js on table cells [Almost Done]. The last comment provided insight using Angularjs method which was quite beneficial.
However, I encountered an issue where this method works perfectly on Android phones but fails to function on my Safari browser on iPhone. Unfortunately, I am unable to determine the cause of this discrepancy. For reference, here is the example link http://jsfiddle.net/ADukg/6880/ derived from the aforementioned post.
<div ng-controller="UserCtrl">
<h3>Click row to reveal last name!</h3>
<table class="table table-condensed">
<thead>
<td>First Name</td>
</thead>
<tbody ng-repeat="user in users" on-finish-render>
<tr data-toggle="collapse" data-target="#{{user.id}}">
<td>{{user.firstName}}</td>
</tr>
<tr>
<td class="hiddenRow">
<div id="{{user.id}}" class="collapse">
<h4>{{user.lastName}}</h4>
</div>
</td>
</tr>
</tbody>
</table>