title: How to customize PrimeNG TurboTable paginator?
body: <p>I am using PrimeNG TurboTable in Angular 6.</p>
  
  <p>Here's html</p>
  
  <pre><code>&lt;p-table #dataTable
      [value]="primengTableHelper.records"                         
      [rows]="primengTableHelper.defaultRecordsCountPerPage"
      [paginator]="true"                         
      [totalRecords]="primengTableHelper.totalRecordsCount"&gt;
  
      &lt;ng-template pTemplate="header"&gt;
        &lt;tr&gt;
          &lt;th&gt;{{l('Name')}}&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/ng-template&gt;
  
      &lt;ng-template pTemplate="body" let-record="$implicit"&gt;
        &lt;tr [pSelectableRow]="record"&gt;
          &lt;td&gt;
            &lt;span&gt;
             {{record.displayName}}
            &lt;/span&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
      &lt;/ng-template&gt;
   &lt;/p-table&gt;
  </code></pre>
  
  <p>And Here's component.ts</p>
  
  <pre><code>ngOnInit() {
      this.getRoles();
  }
  
  getRoles(): void {
      this.primengTableHelper.showLoadingIndicator();
      let permission = this.permission ? this.selectedPermission : undefined;
  
      this._roleService.getRoles(permission).subscribe(result =&gt; {
          console.log(result);
          this.primengTableHelper.records = result.items;
          this.primengTableHelper.totalRecordsCount = result.items.length;
          this.primengTableHelper.hideLoadingIndicator();
      });
  }
  </code></pre>
  
  <p>The PrimeNG table shows it's default paginator.
  But I want to make it pretty.</p>
  
  <p>How can I do this?
  Please help me.</p>