<div class="reprot"> <div class="container"> <div class="containerContent-w"> <div class="row"> <div class="col-12"> <button class="btn btn-success" style="float: right; margin: 10px 0;" (click)="onPrint()">طباعه</button> <table class="table table-bordered"> <thead class="headBackground-w"> <tr> <th> <div class="custom-control custom-checkbox"> <input type="checkbox" class="custom-control-input" [(ngModel)]="selectedAll" (change)="selectAll();" id="customCheck" name="example1"> </div> </th> <th>الاسم</th> </tr> </thead> <tbody> <tr *ngFor="let role of rolesList; let i = index "> <td> <div class="custom-control custom-checkbox centerIneerItem"> <input type="checkbox" class="custom-control-input" id="{{role.id}}" [(ngModel)]="role.selected" [value]='role' (change)="checkIfAllSelected();"> </div> </td> <td>{{role.role_name}}</td> </tr> </tbody> </table> </div> </div> </div> </div> </div>