{"id":28347995,"url":"https://github.com/laijuthomas/angular-table","last_synced_at":"2025-09-11T00:46:05.778Z","repository":{"id":57126160,"uuid":"384036217","full_name":"laijuthomas/angular-table","owner":"laijuthomas","description":"A simple bootstrap based dynamic table component.","archived":false,"fork":false,"pushed_at":"2024-02-16T08:41:14.000Z","size":199,"stargazers_count":0,"open_issues_count":4,"forks_count":5,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-09-03T12:40:40.571Z","etag":null,"topics":["angular","angular-table","angular2"],"latest_commit_sha":null,"homepage":"","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/laijuthomas.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","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,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-07-08T07:17:43.000Z","updated_at":"2023-11-13T04:12:38.000Z","dependencies_parsed_at":"2025-06-02T22:02:40.095Z","dependency_job_id":null,"html_url":"https://github.com/laijuthomas/angular-table","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/laijuthomas/angular-table","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/laijuthomas%2Fangular-table","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/laijuthomas%2Fangular-table/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/laijuthomas%2Fangular-table/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/laijuthomas%2Fangular-table/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/laijuthomas","download_url":"https://codeload.github.com/laijuthomas/angular-table/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/laijuthomas%2Fangular-table/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274556366,"owners_count":25307506,"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","status":"online","status_checked_at":"2025-09-10T02:00:12.551Z","response_time":83,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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","angular-table","angular2"],"created_at":"2025-05-27T18:09:28.233Z","updated_at":"2025-09-11T00:46:05.759Z","avatar_url":"https://github.com/laijuthomas.png","language":"TypeScript","readme":"\n\n# AngularTable\nA bootstrap based table component for Angular 2+\n\n## Getting Started\n\n### Installation\n\nInstall via [npm][npm] package manager \n\n```bash\nnpm install @laijuthomas/angular-table --save\n```\n\n### Usage\n\nImport `angular-table` module\n\n```js\nimport { HttpClientModule} from '@angular/common/http';\nimport { AngularTableModule } from '@laijuthomas/angular-table';\n\n@NgModule({\n  imports: [ HttpClientModule, AngularTableModule ]\n})\n```\n\nThen in HTML\n\n```html\n  \u003cangular-table [totalResults]=\"listData.count\" [loading]=\"loading\" [params]=\"params\" [columns]=\"columns\"\n    [page]=\"page\" [config]=\"config\" [data]=\"listData['results']\" (paramsChanged)=\"onParamsChange($event)\"\u003e\n\n    \u003ctbody table body\u003e\n      \u003ctr *ngFor=\"let request of listData['results']; let i=index\"\u003e\n\n      \u003c/tr\u003e\n      \u003ctr *ngIf=\"listData.count === 0\"\u003e\n        \u003ctd [attr.colspan]=\"columns.length\"\u003eNo data available in table\u003c/td\u003e\n      \u003c/tr\u003e\n    \u003c/tbody\u003e\n  \u003c/angular-table\u003e\n```\n\n### Inputs\n| Input  | Type | Default | Required | Description |\n| ------------- | ------------- | ------------- | ------------- | ------------- |\n| totalResults | `number` | `` | yes | Set the total count of the data array |\n| loading | `boolean` | `false` | no | Set to show loader in the table |\n| params | `HttpParams` | `-` | no | Set existing data params |\n| columns | `array` | `-` | yes | Set table header column data |\n| page | `number` | `-` | no | Set current page number |\n| data | `array` | `-` | no | Set data to show in the table |\n| [config] | `AngularTableConfig` | `default config` | no | config for the table |\n\n### Outputs\n\n| Output  | Description |\n| ------------- | ------------- |\n| (paramsChanged)  | Fired when pagination, search, sort etc. changes |\n\n### Other\n Name  | Type | Description |\n| ------------- | ------------- | ------------- |\n| AngularTableConfig | configuration | Configuration for the AngularTable component.|\n\n### Configuration\n\n| Input  | Type | Default | Required | Description |\n| ------------- | ------------- | ------------- | ------------- | ------------- |\n| paging  | `boolean` | `true` | no | Set pagination enabled or not |\n| search  | `boolean` | `true` | no | Set search enabled or not |\n| sorting  | `boolean` | `yes` | no | Set table sort enabled or not |\n| responsive  | `boolean` | `false` | no | Set bootstrap table responsive class |\n| limit  | `boolean` | `false` | no | Set whether to show the option to change the row count |\n| additionalFilters  | `boolean` | `false` | no | Set additional filter block enabled or not |\n| defaultRowCount  | `number` | `25` | no | Set number of rows to show in the table |\n| className  | `string` | `` | no | Set additional css class to the table component |\n| theadClassName  | `string` | `` | no | Set css class to the table head |\n| searchClassName  | `string` | `` | no | Set css class to the table search block |\n\n## What's included\n\nWithin the download you'll find the following directories and files. You'll see something like this:\n\n```\nangular-table/\n└── projects/\n    ├── angular-table/\n    └── angular-table-app/\n```\n`angular-table/` - library\n\n`angular-table-app/` - demo application\n\n## Creators\n\n**Laiju Thomas**\n\n* \u003chttps://github.com/laijuthomas\u003e","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flaijuthomas%2Fangular-table","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flaijuthomas%2Fangular-table","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flaijuthomas%2Fangular-table/lists"}