Table

by Avi Algaly

HTML

<div ng-app="">
  <div ng-controller="MyCtrl">
      <table ng-table="tableParams" class="table table-striped">
  <tr ng-repeat-start="ticket in ng">
    <td data-title="'Id'">{{ticket.requestId}}</td>
    <td style="width:60%;" data-title="'Subject'" ><a href="#" rel="nofollow" ui-sref="app.detail({id: ticket.requestId})">{{ticket.subject}}</a></td>
    <td data-title="'State'"><span ng-class="ticket.state+'Color'">{{ticket.state}}</span></td>
    <td data-title="'Priority'">{{ticket.priority}}</td>
    <td >
      <a ui-sref="app.detail({id: ticket.requestId})" class="btn btn-transparent btn-xs" tooltip-placement="top" tooltip="Edit"><i class="fa fa-pencil"></i></a>
    <!--    <a  class="btn btn-transparent btn-xs tooltips" tooltip-placement="top" tooltip="Expand" ng-click="toggleDetail($index);lastComment(ticket.requestId)"><i class="fa"  >+/-</i></a>-->
      <button ng-if="ticket.expanded" ng-click="ticket.expanded = false">-</button>
      <button ng-if="!ticket.expanded" ng-click="ticket.expanded = true">+</button>
    </td>
  </tr>
  <tr ng-if="ticket.expanded" ng-repeat-end="" >
            <td colspan="8" >Test</td> 

</tr>
</table>
  </div>
</div>

JavaScript

function MyCtrl($scope) {
  $scope.ng = [{ requestId : '1', subject : 'Test', priority : '2', state :'Test'}, {requestId : '2', subject : 'Test2', priority : '3', state :'Test2'}]
}