Как настроить пагинатор PrimeNG TurboTable?

Я использую PrimeNG TurboTable в Angular 6.

Вот html

<p-table #dataTable
    [value]="primengTableHelper.records"                         
    [rows]="primengTableHelper.defaultRecordsCountPerPage"
    [paginator]="true"                         
    [totalRecords]="primengTableHelper.totalRecordsCount">

    <ng-template pTemplate="header">
      <tr>
        <th>{{l('Name')}}</th>
      </tr>
    </ng-template>

    <ng-template pTemplate="body" let-record="$implicit">
      <tr [pSelectableRow]="record">
        <td>
          <span>
           {{record.displayName}}
          </span>
        </td>
      </tr>
    </ng-template>
 </p-table>

А вот и component.ts

ngOnInit() {
    this.getRoles();
}

getRoles(): void {
    this.primengTableHelper.showLoadingIndicator();
    let permission = this.permission ? this.selectedPermission : undefined;

    this._roleService.getRoles(permission).subscribe(result => {
        console.log(result);
        this.primengTableHelper.records = result.items;
        this.primengTableHelper.totalRecordsCount = result.items.length;
        this.primengTableHelper.hideLoadingIndicator();
    });
}

Таблица PrimeNG показывает его пагинатор по умолчанию. Но я хочу, чтобы это было красиво.

Как я могу это сделать? Пожалуйста помогите.