Ornamentum
:rocket: Lightweight, feature rich, highly configurable, UI framework agnostic, fully responsive Angular data table with no external dependencies
Install / Use
/learn @yohangz/OrnamentumREADME
Ornamentum data table is a lightweight, feature rich, highly configurable, UI framework agnostic, fully responsive, reactive Angular data table with no external dependencies.
:book: Table of Contents
:bulb: Features
<img src="https://ornamentum.app/assets/docs/data-client.svg" alt="Client data bind"/> Client-side data binding support </br> <img src="https://ornamentum.app/assets/docs/data-server.svg" alt="Server data bind"/> Server-side data binding support </br> <img src="https://ornamentum.app/assets/docs/data-realtime.svg" alt="Real time data bind"/> Realtime data source support with observables </br> <img src="https://ornamentum.app/assets/docs/sort.svg" alt="Sorting"/> Single and Multi column sorting </br> <img src="https://ornamentum.app/assets/docs/filter.svg" alt="Filtering"/> Single and Multi value filtering </br> <img src="https://ornamentum.app/assets/docs/layout.svg" alt="Layouting"/> Custom Layout templating support </br> <img src="https://ornamentum.app/assets/docs/persist.svg" alt="Persistence"/> Data table state persistence with session or local storage modes </br> <img src="https://ornamentum.app/assets/docs/paging.svg" alt="Paging"/> Client and Server-side pagination </br> <img src="https://ornamentum.app/assets/docs/select.svg" alt="Selection"/> Single, Multi and Single toggle row selection modes </br> <img src="https://ornamentum.app/assets/docs/palette.svg" alt="Theming"/> UI Theme support </br> <img src="https://ornamentum.app/assets/docs/row-expand.svg" alt="Detail row"/> Detail row expand support </br> <img src="https://ornamentum.app/assets/docs/resize.svg" alt="Resizing"/> Experimental column resizing </br> <img src="https://ornamentum.app/assets/docs/group.svg" alt="Grouping"/> Experimental row grouping support </br> <img src="https://ornamentum.app/assets/docs/event-bind.svg" alt="Global configuration"/> Global Configuration overriding capability </br> <img src="https://ornamentum.app/assets/docs/translate.svg" alt="Translation"/> Translation support and much more
:zap: Peer Dependencies
- @angular/common: ^8.0.0-rc.0 || ^8.0.0
- @angular/core: ^8.0.0-rc.0 || ^8.0.0
- @angular/forms: ^8.0.0-rc.0 || ^8.0.0
- rxjs: ^6.0.0
:rocket: Installation
Install the Ornamentum node module using either of following command depending on your package manager.
npm install ornamentum --save
or
yarn add ornamentum
Ornamentum major versions are aligned with Angular Major versions hence, You can ony use Ornamentum 8.x.x versions with Angular 8.x.x version.
:palm_tree: Contributors
<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->| <img src="https://avatars2.githubusercontent.com/u/5279079?s=400&v=4" width="100px;"/><br /><sub><b>Yohan Gomez</b></sub><br />💻 💬 📖 🎨 💡 🤔 🚇 👀 | <img src="https://avatars1.githubusercontent.com/u/6312524?s=460&v=4" width="100px;"/><br /><sub><b>Lahiru Jayamanna</b></sub><br />💻 💬 📖 🎨 💡 🤔 👀 | <img src="https://avatars3.githubusercontent.com/u/35022498?s=460&v=4" width="100px;"/><br /><sub><b>Samuditha Wadigamangawa</b></sub><br />💻 💬 📖 🎨 💡 🤔 👀 | <img src="https://avatars2.githubusercontent.com/u/29842949?s=460&v=4" width="100px;"/><br /><sub><b>Aravinda Rathnayake</b></sub><br />💬 📖 💡 🤔 👀 🐛 | | :---: | :---: | :---: | :---: |
<!-- ALL-CONTRIBUTORS-LIST:END -->This project follows the all-contributors specification. Contributions of any kind are welcome!
:seedling: How to Contribute
Setup project in local development environment
# clone project
git clone git@github.com:yohangz/ornamentum.git && cd $_
# install dependencies
npm install
# start the app
npm run start
You can read more about Ornamentum build tasks here and refer Contribution Guide for more details.
:warning: Changelog
Recent changes can be viewed on CHANGELOG.md
:copyright: License
Ornamentum was license under MIT. Please refer LICENSE for more information.
