可折叠列表

问题描述:

我们想要使用bootstrap和angularjs创建可折叠列表。 这种倒塌不应该像切换,而是像垂直手风琴。 如果有这种类型的表的任何参考可用,那么请提供。可折叠列表

enter image description here

+0

肯定。您可以。根据你的需求变化情况。请参阅https://jsfiddle.net/raz77c61/1/。它可能会帮助你。点击2,4,6,8行折叠 –

+0

@priya_singh感谢小提琴,但我的问题是使整个表列作为快门。 隐藏和显示过程非常突然地执行合并。 也不是我需要合并列标题,而是整列应该关闭。 – Rithika

可以使用NG-重复,以创建单个列的表。

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

要看到可折叠的桌子访问的演示:https://codepen.io/Midhun1993/pen/mRVGjq/