Collapsible Column table

Question

We want to create the collapsible column table using bootstrap and angularjs. This collapsing shouldn't be like toggle but rather like vertical accordion. If any reference of this type of table is available then please provide.

Answer 1

You can use ng-repeat to create tables with single column.

<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>

To see a demo of the collapsible table visit : https://codepen.io/Midhun1993/pen/mRVGjq/