ngx-simple-table

Angular version 12.1.0. Buy Me A Coffee

Demo

Stackblitz

Features

The table has basic features as below:

• pagination (from backend)
• check item
• check all items in a page
• check all items in all pages
• fixed header
• fixed scrollbar
• resizable columns
• fixed column

How to use

<ngx-simple-table
  [config]="simpleTableConfig"
  [data]="data"
  [icons]="icons"
  [totalRecord]="pagination.totalRecord"
  [currentPage]="pagination.currentPage"
  [pageSize]="pagination.pageSize"
  (onChecked)="onChecked($event)"
  (onSort)="onSort($event)"
  (onChangePaginator)="onChangePaginator($event)"
>
</ngx-simple-table>

<ngx-fixed-column-table
  [config]="fixedColumnTableConfig"
  [data]="data"
  [icons]="icons"
  [totalRecord]="pagination.totalRecord"
  [currentPage]="pagination.currentPage"
  [pageSize]="pagination.pageSize"
  (onChecked)="onChecked($event)"
  (onSort)="onSort($event)"
  (onChangePaginator)="onChangePaginator($event)"
>
</ngx-fixed-column-table>

Screenshots

Browser Support

Latest Chrome.