Lazy loading and table info - hjalmers/angular-generic-table GitHub Wiki

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).
}