2017-01-03 168 views
0

我們想要使用bootstrap和angularjs創建可摺疊列表。 這種倒塌不應該像切換,而是像垂直手風琴。 如果有這種類型的表的任何參考可用,那麼請提供。可摺疊列表

enter image description here

+0

肯定。您可以。根據你的需求變化情況。請參閱https://jsfiddle.net/raz77c61/1/。它可能會幫助你。點擊2,4,6,8行摺疊 –

+0

@priya_singh感謝小提琴,但我的問題是使整個表列作爲快門。 隱藏和顯示過程非常突然地執行合併。 也不是我需要合併列標題,而是整列應該關閉。 – Rithika

回答

0

可以使用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/