{"id":18792116,"url":"https://github.com/sterlp/ng-static-grid","last_synced_at":"2026-04-28T23:35:01.334Z","repository":{"id":35206936,"uuid":"215891870","full_name":"sterlp/ng-static-grid","owner":"sterlp","description":"Simple angular grid library for static positioning of elements","archived":false,"fork":false,"pushed_at":"2023-03-01T07:41:52.000Z","size":2448,"stargazers_count":0,"open_issues_count":16,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-14T09:57:09.867Z","etag":null,"topics":["angular","dashboard","grid","grid-layout","layout","static-grid"],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sterlp.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-10-17T21:52:44.000Z","updated_at":"2022-01-15T09:40:48.000Z","dependencies_parsed_at":"2024-01-07T06:16:44.339Z","dependency_job_id":"9205b53d-69d8-4f81-a20e-23eb4ee5dfd5","html_url":"https://github.com/sterlp/ng-static-grid","commit_stats":{"total_commits":49,"total_committers":4,"mean_commits":12.25,"dds":0.6734693877551021,"last_synced_commit":"3018e322acee653974ba7890a1c48c5eeef91b73"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sterlp%2Fng-static-grid","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sterlp%2Fng-static-grid/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sterlp%2Fng-static-grid/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sterlp%2Fng-static-grid/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sterlp","download_url":"https://codeload.github.com/sterlp/ng-static-grid/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239718329,"owners_count":19685722,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","dashboard","grid","grid-layout","layout","static-grid"],"created_at":"2024-11-07T21:18:24.810Z","updated_at":"2025-12-28T01:30:14.114Z","avatar_url":"https://github.com/sterlp.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NgStaticGrid\n\nA 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.\n\nMain purpose are full screen dashboards -- where the user wan't to have a static postion of the widgets, like on a table.\n\n# How to use\n\n- **[Launch Live Preview](https://sterlp.github.io/static-grid-library/)**\n- [Link to NPM](https://www.npmjs.com/package/ng-static-grid)\n\n## Install npm module\n```\nnpm install ng-static-grid --save\n```\n## Adjust app.module.ts\n```ts\nimport { NgStaticGridModule } from 'ng-static-grid'\n\n  imports: [\n    // ... omitted\n    NgStaticGridModule\n  ],\n```\n## Use it\nDefault is a 12 x 12 grid with 100% width and 100% hight, if nothing set.\n```html\n\u003cng-static-grid-panel\u003e\n    \u003cng-static-grid-item width=\"2\" height=\"2\"\u003e\n        Top Left\n    \u003c/ng-static-grid-item\u003e\n    \u003cng-static-grid-item x=\"10\" width=\"2\" height=\"2\"\u003e\n        Top Right\n    \u003c/ng-static-grid-item\u003e\n\n    \u003cng-static-grid-item x=\"4\" y=\"4\" width=\"3\" height=\"3\"\u003e\n        Center\n    \u003c/ng-static-grid-item\u003e\n\n    \u003cng-static-grid-item x=\"1\" y=\"11\" width=\"10\"\u003e\n        Footer\n    \u003c/ng-static-grid-item\u003e\n\u003c/ng-static-grid-panel\u003e\n```\nSetting the default would be look like:\n```html\n\u003cng-static-grid-panel rows=\"12\" columns=\"12\" width=\"100%\" height=\"100%\"\u003e\n\u003c/ng-static-grid-panel\u003e\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsterlp%2Fng-static-grid","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsterlp%2Fng-static-grid","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsterlp%2Fng-static-grid/lists"}