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
Check out our demo application at https://eastbanctechru.github.io/right-angled-demo/
npm install right-angled
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-angledprovides directives instead of components whenever it’s possible. There are only several components in
right-angledand 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-angledcontains minimum of directives and components. It means that you will have to implement some of the components yourself (
right-angledprovides 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:
Ensure that NodeJS is installed. This provides the platform on which the build tooling runs.
From the project folder, execute the following command to install project dependencies:
- From the project folder, execute the following command to build the source code:
How to run tests
You can run tests in Chrome with watch mode by executing the following command:
or execute single run:
You can also use Yarn