<div class="primetable" style="box-shadow: 0 1px 20px 0 rgba(69,90,100,.08);">
<p-table [value]="student"
[columns]="cols"
#dt
class="primetable"
[paginator]="true"
[rows]="10" [style]="{width:'100%'}"
[autoLayout]="true"
[rowsPerPageOptions]="[10,15,20,25]">
<ng-template pTemplate="header"
let-columns>
<tr>
<th style="padding: 15px 15px;color: #1e6bb8;background: white"
*ngFor="let col of columns">{{col.header}}</th>
</tr>
</ng-template>
<ng-template pTemplate="body"
let-student
let-i="rowIndex"
>
<tr [pSelectableRow]="rowstudent">
<td >{{i+1}}</td>
<td>{{rowstudent.regnum}}</td>
<td>
<p-checkbox name="groupname" value="val1" [(ngModel)]="rowstudent.attendance" (click)="attendance($event, student)"></p-checkbox>
</td>
<td>
</td>
</tr>
</ng-template>
<ng-template pTemplate="footer" let-student>
<tr>
<td>
<button type="submit" style="width: 50%;"
class="btn btn-2 btn-2g">Submit</button>
</td>
</tr>
</ng-template>
</p-table>