нижний колонтитул ngx-datatable настроить

Как настроить ngx datatable. Я не могу найти, где мне нужно изменить код, чтобы избавиться от этого общего количества записей и заменить его раскрывающимся списком, чтобы отображать элементы на странице. В моей нумерации страниц также отсутствуют некоторые значки.

введите описание изображения здесь


person WebDev    schedule 13.04.2017    source источник


Ответы (2)


Используйте настраиваемый шаблон нижнего колонтитула (см. Ссылку ниже). поэтому он переопределяет нижний колонтитул по умолчанию.

https://github.com/swimlane/ngx-datatable/blob/master/demo/basic/footer.component.ts

Примеры

Если вы хотите просто избавиться от нижнего колонтитула, просто используйте:

<ngx-datatable-footer></ngx-datatable-footer>

Если вы хотите настроить его:

<ngx-datatable-footer>
  <ng-template
    ngx-datatable-footer-template
    let-rowCount="rowCount"
    let-pageSize="pageSize"
    let-selectedCount="selectedCount"
    let-curPage="curPage"
    let-offset="offset"
  >
    <div style="padding: 5px 10px">
      <div><strong>Summary</strong>: Gender: Female</div>
      <hr style="width:100%" />
      <div>
        Rows: {{ rowCount }} | Size: {{ pageSize }} | Current:
        {{ curPage }} | Offset: {{ offset }}
      </div>
    </div>
  </ng-template>
</ngx-datatable-footer>
person Gayantha    schedule 23.07.2017

Но если вы хотите изменить только «всего» или «ничего не найдено», тогда перезапишите свойство messages:

//Static messages in the table you can override for localization.
{
  // Message to show when array is presented
  // but contains no values
  emptyMessage: 'No data to display',
  // Footer total message
  totalMessage: 'total'
}

https://swimlane.gitbooks.io/ngx-datatable/api/table/inputs.html

person Sebastian Rosiński    schedule 09.01.2018