可折叠列 table

Question

我们要使用 bootstrap 和 angularjs 创建可折叠列 table。 这种折叠不应该像切换，而应该像垂直手风琴。 如果有任何此类 table 的参考资料，请提供。

Answer 1

您可以使用 ng-repeat 创建具有单列的 tables。

<table  ng-repeat="employee in employees track by $index" 
 ng-init="colIndex = $index">
  <tr ng-repeat='info in employee track by $index' 
   ng-init="rowIndex = $index" 
   ng-click="rowIndex === 0 ? clicked(colIndex) : null" >
  </tr>
</table>

要查看可折叠 table 的演示，请访问：https://codepen.io/Midhun1993/pen/mRVGjq/