Mixing a Table with Angular-UI Accordion

Question

I\'m trying to mix a table with angular-ui\'s accordion but I can\'t figure out a way to do it. I\'m not a pro, writing directives. I wonder if such a bridge exist. To achie

Answer 1

In my case I made it a bit primitive but maybe that would be a good solution for you as well. Look:

 <tbody ng-repeat="person in people | orderBy:predicate:reverse"  >
  <tr ng-click="isOpen=!isOpen">
    <td>{{person.name}}</td>
    <td>{{person.job}}</td>
    <td>{{person.age}}</td>
    <td>{{person.grade}}</td>
  </tr>
  <tr ng-if="isOpen">
  <td>Just an empty line</td>
  </tr>
  </tbody>

Answer 2

1) You can try div instead of table for main accordion. It works for me.

2) And here is the accordion table example done in JSFiddle below, i hope it will help you. http://jsfiddle.net/Pixic/VGgbq/