Lightweight and easy to use angular data grids which integrates with your markup and styles rather than generating its own
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
docs
src
tests
.cleandir.sh
.gitignore
.npmignore
.travis.yml
CHANGELOG.md
CODE_OF_CONDUCT.md
LICENSE
README.md
index.ts
karma.conf.debug.js
karma.conf.js
karma.entry.js
logo.png
package-lock.json
package.json
tsconfig.json
tslint.json
wallaby.js

README.md

npm version Build Status Coverage Status Commitizen friendly Dependency Status devDependency Status

What is it

right-angled is a lightweight and easy to use angular data grids which integrates with your markup and styles rather than generating its own

Getting started

Check out our demo application at https://eastbanctechru.github.io/right-angled-demo/

Install

npm install right-angled

TL;DR

right-angled is the library for constructing functional data tables (aka data lists, data grids). Also, it has a very useful selection and filter models. They can work even without lists, but they go much better with them. The main feature providing the basis for the library is unobtrusiveness seen in the following:

  • The library is not tied to such frameworks as bootstrap and does not include any css styles. It is 100% up to you how the app will be structured and look.
  • Minimal impact on your markup. right-angled provides directives instead of components whenever it’s possible. There are only several components in right-angled and they act just as visibility containers without any additional markup. Again, it is 100% up to you how the app will structured and look.
  • As a consequence of the above point, right-angled contains minimum of directives and components. It means that you will have to implement some of the components yourself (right-angled provides several useful services which you can inject and use to implement your components easily). Nevertheless, we are sure that creating a new component will give you more pleasure, than learning dozens of options and trying to style an alien one with the markup that cannot be modified.
  • The only dependency of right-angled, except angular, is the e2e4 library created by us. This library implements the functionality for the lists in abstract manner with no dependencies at all.

How to build the project

To build the project, follow these steps:

  1. Ensure that NodeJS is installed. This provides the platform on which the build tooling runs.

  2. From the project folder, execute the following command to install project dependencies:

npm install
  1. From the project folder, execute the following command to build the source code:
npm build

How to run tests

You can run tests in Chrome with watch mode by executing the following command:

npm test:watch

or execute single run:

npm test

You can also use Yarn