angular 4 bootstrap 4 разбивка на страницы таблицы данных не работает должным образом - PullRequest
Новая
       46

angular 4 bootstrap 4 разбивка на страницы таблицы данных не работает должным образом

0 голосов
/ 19 июня 2020

таблица данных. html

<data-table id="persons-grid"
    [items]="items"
    [itemCount]="itemCount"
    (reload)="reloadItems($event)"
    [rowTooltip]="rowTooltip"
    [indexColumn]="false"
    [selectColumn]="false"
    >
    <data-table-column
      [property]="'id'"
      [header]="'Id'"
      [width]="50"
      [visible]="false"
      >
    </data-table-column>
    <data-table-column
      [property]="'projectName'"
      [header]="'Name'"
      [sortable]="true"
      [resizable]="true"
      [width]="300"
      >
    </data-table-column>

    ...
    ...
    ...

</data-table>

В файл .ts добавлены соответствующие значения для отображения в таблице данных, 

  itemResource = new DataTableResource(this.allProjects);
  items = [];
  itemCount = 0;
  params = {offset: 0, limit: 10}; //Static can be changed as per need

  constructor(private dialog: MatDialog){ 
    this.itemResource.count().then(count => this.itemCount = count);
  }  

  reloadItems(params) {
      this.itemResource.query(params).then(items => this.items = items);
  }

Проблема в том, 1. он отображает 10 строк в пользовательском интерфейсе, даже если количество записей в таблице меньше 10. 2. пагинация не работает должным образом.

Любая помощь приветствуется.

...