Akció gomb nem működik szögletes Anyag kibontható táblázatsor

szavazat
0

Itt próbálok dolgozni egy cselekvési gomb (Edit) szögletes anyag bővíthető asztal minden row.when rákattintok szerkesztés gombra ez nem működik, de sor kerül válnak bővült.

PROBLÉMA:-

1.Ha kattintson a Szerkesztés gombra kell dolgozni klikk és sorban nem kell bővíteni. 2.When Kattintson sorban a többi része nélkül Edit gombot, akkor csak sorban fogják bővíteni.

kérlek segíts !

Itt van a kód

==> ## viewuser.component.html ##

    '''<table mat-table [dataSource]=tableData multiTemplateDataRows class=mat-elevation-z8><ng-container matColumnDef=Name>
<th mat-header-cell *matHeaderCellDef>Name </th>
<td mat-cell *matCellDef=let element>{{ element.f_name }} {{ element.l_name}} </td></ng-container><ng-container matColumnDef=Designation>
<th mat-header-cell *matHeaderCellDef>Designation </th>
<td mat-cell *matCellDef=let element> {{ element.title }}</td></ng-container><ng-container matColumnDef=Department>
<th mat-header-cell *matHeaderCellDef>Department </th>
<td mat-cell *matCellDef=let element> {{element.dept_name}}</td></ng-container><ng-container matColumnDef=Edit>
<th mat-header-cell *matHeaderCellDef> Edit</th>
<td mat-cell *matCellDef=let element><button mat-icon-button><mat-icon color=primary>border_color</mat-icon></button> </td></ng-container><ng-container matColumnDef=expandedDetail><td mat-cell *matCellDef=let element [attr.colspan]=columnsToDisplay><div class=example-element-detail [@detailExpand]=element == expandedElement ? 'expanded' : 'collapsed'><!--expanded content goes       here --></div></td></ng-container><tr mat-header-row *matHeaderRowDef=columnsToDisplay></tr><tr mat-row *matRowDef=let element; columns: columnsToDisplay;class=example-element-row [class.example-expanded-row]=expandedElement === element(click)=expandedElement = expandedElement === element ? null : element></tr><tr mat-row *matRowDef=let row; columns: ['expandedDetail'] class=example-detail-row></tr></table>

==> ## viewuser.component.ts ##

columnsToDisplay: string [] = [ 'name', 'rendeltetése', 'Osztály', 'Szerkesztés'];

Itt látható szögletes anyag jelölne .. https://stackblitz.com/angular/ygdrrokyvkv?file=app%2Ftable-expandable-rows-example.html

A kérdést 24/10/2019 12:52
a forrás felhasználó
Más nyelveken...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more