Κουμπί Δράση δεν λειτουργεί σε γωνιακή Υλικό δυνατότητα επέκτασης γραμμής πίνακα

ψήφοι
0

Εδώ προσπαθώ να λειτουργεί ένα κουμπί ενέργειας (Edit) σε γωνιακή υλικό επεκτάσιμη πίνακα κάθε row.when i κάντε κλικ στο κουμπί Επεξεργασία δεν είναι να λειτουργήσει, αλλά σειρά γίνουν επεκταθεί.

ΘΕΜΑ:-

1.Όταν πατήστε το κουμπί Edit θα πρέπει να είναι οι εργασίες για κλικ και σειρά δεν θα πρέπει να επεκταθεί. 2.Όταν κλικ σε άλλο μέρος σειράς χωρίς κουμπί Επεξεργασία τότε μόνο γραμμή θα επεκταθεί.

Σε παρακαλώ βοήθησέ με !

Εδώ είναι ο κωδικός μου

==> ## 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 [] = [ 'Όνομα', 'Ονομασία', 'Τμήμα', 'Επεξεργασία']?

Εδώ είναι γωνιακό υλικό εμπορική επωνυμία .. https://stackblitz.com/angular/ygdrrokyvkv?file=app%2Ftable-expandable-rows-example.html

Δημοσιεύθηκε 24/10/2019 στις 12:52
πηγή χρήστη
Σε άλλες γλώσσες...                            

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