shark-ng-table

A robust table for Angular built with Accessibility in mind.

Section508 and WCAG 2.0 AA compliant.

Versions

| Angular Version | shark-ng-table Version | | --------------- | ---------------------- | | >= 6.0.0 | >= 6.0.0 | | >= 16.0.0 | >= 7.0.0 |

Samples

There are a number of samples available that can be viewed here: https://www.quantasnet.com/shark-ng-table/

We also have a running example over on Stackblitz

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

Installing

npm install --save shark-ng-table

This will install the latest version of shark-ng-table.

Documentation

• Setup
• Styling
• Options
• Column Options
• Child Rows
• Developer Guide
• Change Log

Dev Environment

shark-ng-table also provides a .devcontainer folder for support of Visual Studio Code's Remote-Container support. This will setup a full shark-ng-table dev environment automatically. You should be able to run npm run start inside the dev enviornment and expose the port, 4200, and be able to do live development on the table.

Publishing a new version

• Make sure all tests are passing
• Make sure the sample site works in the VSCode devcontainer, open the container, run npm start and make sure the app at https://localhost:4200 works
• npm run clean && npm run build
• Make sure the dist directory looks good by running npm publish dist/ --dry-run, there should be folders like fesm2022, esm2022 etc.
• Run npm publish dist/
• Make sure to run the npm script for deploying to GitHub pages as well. TODO: make this automated

Attribution

• Developed and tested in collaboration with Great Lakes Higher Education Corporation and Nelnet Inc. and Affiliates
• We use the classes provided by Font Awesome to add icons to a few parts of the table, their License is here.