Angular Material md-data-table可折叠行

时间:2017-01-24 14:23:55

标签: angularjs angular-material

有没有办法让行可展开以显示更多信息。使用某种类型的指令或可以与角度材料数据表一起使用的库?

1 个答案:

答案 0 :(得分:1)

根据您的评论,我猜您正在使用ng-repeat,例如:

<tr ng-repeat="i in items">
    <td>{{i.firstname}}</td>
    <td>{{i.lastname}}</td>
</tr>

您可以使用ng-repeat-startng-repeat-end,如下所示:

<tr ng-repeat-start="i in items" ng-click="selected = $index">
  <td>{{i.firstname}}</td>
  <td>{{i.lastname}}</td>
</tr>
<tr ng-repeat-end ng-if="selected == $index">
  <td colspan="2">More infos!</td>
</tr>

Here is a JSFiddle demo