Press "Enter" to skip to content

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

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


See Demo And Download

Official Website(Quantas): Click Here

This superior jQuery/javascript plugin is developed by Quantas. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *