Home Angular A Robust Table for Angular Built with Accessibility | shark-ng-table

A Robust Table for Angular Built with Accessibility | shark-ng-table

Angular webcodeflow · May 27, 2022 · Comments off

shark-ng-table is a robust table for Angular designed with the possibility of accessibility.

angular table with pagination and search and sorting, angular material table, angular table example, mattabledatasource, angular material table expandable row on column icon click

Features

Filtering (Global and Column Specific)
Sorting
Pagination
Footer Headers
Informational Footer
Column reordering
Column hide/show
Custom cell rendering with user-provided Component or Pipe

How to make use of it:

Install

npm install --save shark-ng-table

Usage

<shark-table
     [data]="testData"
     [columns]="tableColumns"
     [filterable]="false"
     [localPaging]="false"
     [hideCaption]="true"
   >
   </shark-table>

// Populate with objects matching the column properties
    testData = [];

    tableColumns: SharkColumn[] = [
      { header: 'Year', property: 'year' },
      { header: 'Make', property: 'make' },
      { header: 'Model', property: 'model' }
    ];

Accessible Table Library For Angular, shark-ng-table Plugin/Github, angular material table style