कोणीय-UI Accordion

Question

के साथ एक तालिका को मिलाकर मैं कोणीय-UI के accordion के साथ एक तालिका को मिश्रण करने की कोशिश कर रहा हूं लेकिन मैं इसे करने का कोई तरीका नहीं समझ सकता। मैं समर्थक नहीं हूं, निर्देश लिख रहा हूं। मुझे आश्चर्य है कि ऐसा पुल मौजूद है या नहीं। कुछ इस तरह प्राप्त करने के लिए:

<table class="table table-hover table-condensed" thead> 
    <thead> 
     <tr> 
      <th>{{ data.profile.firstname }}</th> 
      <th>{{ data.profile.lastname }}</th> 
      <th>{{ data.profile.email }}</th> 
      <th>{{ data.profile.company_name }}</th> 
      <th>{{ data.profile.city }}</th> 
     </tr> 
    </thead> 
    <tbody accordion close-others="true"> 
     <!-- <tr ng-repeat="client in clients" ng-click="goTo('profile/' + client.username);"> --> 
     <tr ng-repeat="client in clients" accordion-group is-open="client.isOpen"> 
      <accordion-heading> 
       <td>{{ client.firstname }}</td> 
       <td>{{ client.lastname }}</td> 
       <td>{{ client.email }}</td> 
       <td>{{ client.company_name }}</td> 
       <td>{{ client.city }}</td> 
      </accordion-heading> 
      Accordion Content 
     </tr> 
    </tbody> 
</table> 

हालांकि यह काम नहीं कर रहा :(ऐसा कोई है जो कुछ इस तरह प्राप्त करने के लिए succeded है

परिणाम मैं तलाश कर रहा हूँ जब मैं में एक पंक्ति पर क्लिक करें के लिए है मेज, यह एक अकॉर्डियन के समान व्यवहार करता है

Answer 1

मेरे मामले में मैं यह थोड़ा आदिम लेकिन शायद वह भी आप के लिए एक अच्छा समाधान हो गयी देखो:।।

<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) आप मुख्य accordion के लिए table के बजाय div आज़मा सकते हैं। इससे मेरा काम बनता है।

2) और यहां accordiontable उदाहरण जेएसएफडल में किया गया उदाहरण है, मुझे आशा है कि इससे आपकी मदद मिलेगी। ;: $ scope.expanded = {-1 एल 1:} http://jsfiddle.net/Pixic/VGgbq/