Skip to content

Lazy loading and table info

Robert Hjalmers edited this page Nov 1, 2017 · 1 revision

As the table won't have access to the whole dataset or know anything about it when lazy loading data, we need to pass that information to the table along with the data return by the service.

We do that using the gtInfo input.

Available properties

Name Type Description
pageCurrent number Current page number
pageNext number Next page number
pagePrevious number Previous page number
pageTotal number Total number of pages
recordFrom number Visible record number from
recordTo number Visible record number to
recordLength number Number of records shown
recordsAll number Total number of records
recordsAfterFilter number Total number of records after filters have been applied
recordsAfterSearch number Total number of records after filters and search have been applied
searchTerms string Search terms (used for highlighting)
filter Object Object with a key value pairs, were key should be equal to object key and value a list of accepted values for that object key ex. { "name": ["Peter", "Anna", "Carl"]}

Usage

<generic-table #myTable [gtInfo]="configObject.info"...></generic-table>
...
.subscribe(res => {
   this.configObject.info = res.info // update table info with info returned from service (should contain the properties listed above).
}