相关疑难解决方法(0)

具有角度材料的角度为4的可扩展表格行

如何在角材料表中使行可扩展?一个要求是我需要使用角度材料表.我也更喜欢将材料手风琴用于此处提供的信息.

我想点击行并显示每列的不同信息.我正在寻找类似下面的东西.如果单击第1行,则第2行和第3行将显示不同的数据.

在此输入图像描述

angular-material angular

24
推荐指数
2
解决办法
6万
查看次数

MatTable在分页和排序时展开折叠图标问题

我有一个有角度的材质表,该表使用detailRow指令将明细/同级相邻行插入到表行中。

StackBlitz

我想给它一个外观,好像该行正在扩展或折叠一样,因此我向其中添加了几个图标,这些图标可以在包含它们的单元格单击时切换。

<mat-header-cell *matHeaderCellDef> Action </mat-header-cell>
      <mat-cell *matCellDef="let element"> 
         <button mat-icon-button color="primary"  (click)="element[i] = !element[i]">
            <mat-icon id="expand_more"  #expand_more *ngIf="!element[i] "  >expand_more</mat-icon>
            <mat-icon id="expand_less"  #expand_less *ngIf="element[i] ">expand_less</mat-icon>
          </button> 
      </mat-cell>
Run Code Online (Sandbox Code Playgroud)

但是,如果我将行扩展并进行分页或进行某种排序,则图标不会切换,因为无法切换它们。

我试过挂入page事件或sortChange事件,但空了。

我知道,有一种新方法可以在角形材质v7中进行扩展/折叠,这可能与分页和排序效果很好,但是在升级之前还需要一段时间,与此同时,对于解决该问题,任何人都没有任何想法。

typescript angular-material2 angular angular-material-6 angular-material-table

5
推荐指数
1
解决办法
1723
查看次数