1.2.2 • Published 6 years ago

mat-row-actions v1.2.2

Weekly downloads
17
License
-
Repository
-
Last release
6 years ago

#mat-row-actions

ability to add row controls in every row of material table.

##install npm install --save mat-row-action

in app.module.ts: import { MatRowActionsModule } from 'mat-row-actions';

and add this module to imports

##usage

add arunas-mat-row-actions componant to the td you want to have controls and add control buttons inside.

Also you need to make sure the td would be positioned relatively. You can simply create some class with position: relative and add it to respected td.

##example

<td mat-cell *matCellDef="let row" class="action-cell">
  {{row.name}}
  <arunas-mat-row-actions>
    <button mat-icon-button>
      <mat-icon>autorenew</mat-icon>
    </button>
    <button mat-icon-button>
      <mat-icon>home</mat-icon>
    </button>
    <button *ngIf="row.id === 1" mat-icon-button>
      <mat-icon>all_out</mat-icon>
    </button>
  </arunas-mat-row-actions>
</td>

class action-cell has style position: relative

1.2.2

6 years ago

1.2.1

6 years ago

1.2.0

6 years ago

1.1.0

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago