{"id":22897138,"url":"https://github.com/admin-dikesoft/angular-dk-grid-community","last_synced_at":"2025-04-01T00:43:37.071Z","repository":{"id":65554177,"uuid":"518681162","full_name":"admin-dikesoft/angular-dk-grid-community","owner":"admin-dikesoft","description":"DkGrid - An Angular Data Grid for Angular developers.","archived":false,"fork":false,"pushed_at":"2022-07-28T21:44:16.000Z","size":140,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-08T11:19:08.886Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/admin-dikesoft.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-07-28T03:00:33.000Z","updated_at":"2022-07-28T03:00:33.000Z","dependencies_parsed_at":"2023-01-29T04:45:25.399Z","dependency_job_id":null,"html_url":"https://github.com/admin-dikesoft/angular-dk-grid-community","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/admin-dikesoft%2Fangular-dk-grid-community","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/admin-dikesoft%2Fangular-dk-grid-community/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/admin-dikesoft%2Fangular-dk-grid-community/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/admin-dikesoft%2Fangular-dk-grid-community/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/admin-dikesoft","download_url":"https://codeload.github.com/admin-dikesoft/angular-dk-grid-community/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246563384,"owners_count":20797446,"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":[],"created_at":"2024-12-14T00:15:32.065Z","updated_at":"2025-04-01T00:43:37.050Z","avatar_url":"https://github.com/admin-dikesoft.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# DkGrid Community Edition\n\n**An Angular Data Grid for Angular Developers**\n\n**DkGrid** is a component **engineered** and **built** using the **Angular Framework** and some **CDK behavior primitives** to display and manipulate tabular data. You can provide data from an array of **JSON** objects or a **REST API**.\n\nDkGrid has ready-to-use features such as **filtering**, **editing**, **selection**, **sorting**, **paging**, and **column grouping**, to mention a few. Apart from the key features, the DkGrid component is **highly customizable**. For instance, you can change the size of the column headers or the height of the content rows and customize many more properties.\n\nThe following image shows our grid with some filters and edition actions enabled.\n\n\u003ca href=\"https://raw.githubusercontent.com/admin-dikesoft/angular-dk-grid-community/main/dk-grid-community-demo.png\" target=\"_blank\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/admin-dikesoft/angular-dk-grid-community/main/dk-grid-community-demo.png\" title=\"DkGrid Demo\" style=\"max-width:100%;\"\u003e\n\u003ca\u003e\n\n## Compatibility\n\n### DkGrid and Angular versions\n\nDkGrid doesn't follow Angular's versioning. Instead, we try to maintain compatibility with Angular majors for as long as possible, only breaking when we need to support a new major version.\n\n| Angular | DkGrid |\n| --------|--------|\n| 14      | ^2.0   |\n| 13      | ^1.0   |\n| 12      | ^1.0   |\n\n## License\n\n\u003ca rel=\"license\" href=\"http://creativecommons.org/licenses/by-nd/4.0/\"\u003e\u003cimg alt=\"Creative Commons Licence\" style=\"border-width:0\" src=\"https://i.creativecommons.org/l/by-nd/4.0/88x31.png\" /\u003e\u003c/a\u003e\u003cbr /\u003eThis work is licensed under a \u003ca rel=\"license\" href=\"http://creativecommons.org/licenses/by-nd/4.0/\"\u003eCreative Commons Attribution-NoDerivatives 4.0 International License\u003c/a\u003e\n\n## Key Features\n\n* [Column definitions](https://docs.dikesoft.com/columns/column-definitions) \u0026dash; To start using the DkGrid, you may define the columns that comprise your tabular data. There are four types of columns depending on the data they hold. Apart from column definitions, you can group columns with no limit on nesting groups.\n* [Customization](https://docs.dikesoft.com/fundamentals/grid-structure) \u0026dash; You can customize the height of the column headers or the pagination row. In addition, you can make the DkGrid shows a mat-elevation and the value of this elevation. You can also make vertical lines visible and customize many more properties.\n* [Column Operations (resizing, moving, locking)](https://docs.dikesoft.com/columns/column-sizing) \u0026dash; Once you have defined which columns will comprise your DkGrid instance, you can change their size or move them to any of the existing panels. In addition, you can freeze any column in any panel.\n* [Cell Formatting](https://docs.dikesoft.com/columns/column-definitions) \u0026dash; By default, the DkGrid shows every field value with predefined templates depending on the column types. Nevertheless, you can provide your custom templates for each defined column.\n* [In-Memory DataSource](https://docs.dikesoft.com/fundamentals/datasource/in-memory-datasource) \u0026dash; The DkGrid uses the In-Memory DataSource when you provide your data from a REST API or simply an array. \n* [Filtering](https://docs.dikesoft.com/filtering/column-filters) \u0026dash; The easiest way to allow the user to filter rows is by displaying a dedicated filter row that shows a textbox for each visible column. Or any column could show a context menu where the user can type their values for each filter condition. You can tell DkGrid which filter conditions to display and define each condition implementation.\n* [Editing](https://docs.dikesoft.com/editing/row-edition) \u0026dash; You can define which columns the user can edit. By default, the DkGrid offers templates for fields edition, but you can provide your custom templates using the well-known ng-template. Furthermore, the user can toggle the edition mode at runtime.\n* [Sorting](https://docs.dikesoft.com/rows/row-sorting) \u0026dash; The DkGrid allows the user to order the rows by any column. Just tell DkGrid which columns are sortable.\n* [Paging](https://docs.dikesoft.com/rows/row-pagination) \u0026dash; With paging implemented, the DkGrid will only load the number of rows you specify in the DkGrid's pageSize property.\n* [Selection](https://docs.dikesoft.com/rows/row-selection) \u0026dash; The DkGrid allows the user to select one or more rows through a column of checkboxes. You can specify which rows are selectable, defining the criteria the rows must meet.\n* [Theming](https://docs.dikesoft.com/fundamentals/theming) \u0026dash; The DkGrid bases its theming process on the Angular Material's Theming System, allowing you to apply the same structure the Angular Material components use.\n\n## Resources\n\n[Getting Started with DkGrid](https://docs.dikesoft.com/getting-started/quick-start-tutorial)\n\n[DkGrid product page](https://www.dikesoft.com/dk-grid)\n\n[DkGrid product docs](https://docs.dikesoft.com/)\n\n## Demos\n\nYou can visit our [complete demo](https://www.dikesoft.com/dk-grid-demo), which contains **22 columns**. Moreover, you can generate up to **100K** rows.\n\nFurthermore, we have created one [live example](https://demos.dikesoft.com/dk-grid/getting-started) for each section in the [documentation](https://docs.dikesoft.com/).\n\n## Support\n\nFor any issues you might encounter while working with the DkGrid component, please email support@dikesoft.com\n\n*Copyright © 2022 Dikesoft. All rights reserved.*\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadmin-dikesoft%2Fangular-dk-grid-community","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadmin-dikesoft%2Fangular-dk-grid-community","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadmin-dikesoft%2Fangular-dk-grid-community/lists"}