```typescript // ./app.module.ts
npm install @southsystem/dataviewtypescript
// ./app.module.ts
@NgModule({
imports: [
// ...
SSTDataviewModule,
]
})
export class DataModule { }
`
`typescript
// ./user.component.ts
import { SSTPaginationType, Pagination } from '@southsystem/dataview';
public infinitePagination = SSTPaginationType.infinite;
public headers = [
{ label: 'Name', value: 'name', sortable: true },
{ label: 'Email' }
{ label: 'Category', value: 'name', sortable: true }
];
public sortTypes = [
{ label: 'Alphabetic', sort: 'title', orderBy: 'ASC' },
{ label: 'Name', sort: 'name', orderBy: 'ASC' }
];
mountHttpGet(): (params: HttpParams) => Observable> {
return (params: HttpParams) => {
return this.httpClient.get>('/api/v1/users', { params });
}
}
`
`html
[headers]="headers"
[getHttpObservable]="mountHttpGet()">
{{user.name}}
{{user.email}}
{{user.category}}
[paginationType] = "infinitePagination"
[cols]="3"
[sortTypes]="sortTypes"
[getHttpObservable]="mountHttpGet()">
{{user.name}}
{{user.email}}
{{user.category}}
``