https://github.com/sterlp/ng-static-grid
Simple angular grid library for static positioning of elements
https://github.com/sterlp/ng-static-grid
angular dashboard grid grid-layout layout static-grid
Last synced: about 2 months ago
JSON representation
Simple angular grid library for static positioning of elements
- Host: GitHub
- URL: https://github.com/sterlp/ng-static-grid
- Owner: sterlp
- License: mit
- Created: 2019-10-17T21:52:44.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-03-01T07:41:52.000Z (over 3 years ago)
- Last Synced: 2025-02-14T09:57:09.867Z (over 1 year ago)
- Topics: angular, dashboard, grid, grid-layout, layout, static-grid
- Language: TypeScript
- Size: 2.33 MB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# NgStaticGrid
A librariy for a simple and more static grid than gridstack.js. Main goal is that the elements can be position static on the remaining screen and stay in their position.
Main purpose are full screen dashboards -- where the user wan't to have a static postion of the widgets, like on a table.
# How to use
- **[Launch Live Preview](https://sterlp.github.io/static-grid-library/)**
- [Link to NPM](https://www.npmjs.com/package/ng-static-grid)
## Install npm module
```
npm install ng-static-grid --save
```
## Adjust app.module.ts
```ts
import { NgStaticGridModule } from 'ng-static-grid'
imports: [
// ... omitted
NgStaticGridModule
],
```
## Use it
Default is a 12 x 12 grid with 100% width and 100% hight, if nothing set.
```html
Top Left
Top Right
Center
Footer
```
Setting the default would be look like:
```html
```