{"id":13497328,"url":"https://github.com/andyperlitch/ngx-super-table","last_synced_at":"2025-05-08T21:21:39.720Z","repository":{"id":10201612,"uuid":"63890007","full_name":"andyperlitch/ngx-super-table","owner":"andyperlitch","description":"A feature-rich table component built with angular.","archived":false,"fork":false,"pushed_at":"2023-11-27T23:46:06.000Z","size":2226,"stargazers_count":115,"open_issues_count":14,"forks_count":27,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-05-04T06:35:20.214Z","etag":null,"topics":[],"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/andyperlitch.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"MIT-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":"2016-07-21T17:40:57.000Z","updated_at":"2024-04-15T05:15:23.000Z","dependencies_parsed_at":"2024-01-16T09:55:50.755Z","dependency_job_id":"cc868d58-d84c-4778-8c52-5c6feb10f093","html_url":"https://github.com/andyperlitch/ngx-super-table","commit_stats":null,"previous_names":["andyperlitch/ng2-super-table"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andyperlitch%2Fngx-super-table","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andyperlitch%2Fngx-super-table/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andyperlitch%2Fngx-super-table/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andyperlitch%2Fngx-super-table/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/andyperlitch","download_url":"https://codeload.github.com/andyperlitch/ngx-super-table/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253150084,"owners_count":21861831,"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-07-31T20:00:29.021Z","updated_at":"2025-05-08T21:21:39.700Z","avatar_url":"https://github.com/andyperlitch.png","language":"TypeScript","funding_links":[],"categories":["Uncategorized","TypeScript"],"sub_categories":["Uncategorized"],"readme":"# ngx super table\n[![Gitter.im Chat](https://img.shields.io/badge/gitter-join%20chat-green.svg)](https://gitter.im/ngx-super-table)\n[![Build Status](https://travis-ci.org/andyperlitch/ngx-super-table.svg?branch=master)](https://travis-ci.org/andyperlitch/ngx-super-table)\n[![npm version](https://badge.fury.io/js/ngx-super-table.svg)](http://badge.fury.io/js/ngx-super-table)\n[![devDependency Status](https://david-dm.org/andyperlitch/ngx-super-table/dev-status.svg)](https://david-dm.org/andyperlitch/ngx-super-table#info=devDependencies)\n[![GitHub issues](https://img.shields.io/github/issues/andyperlitch/ngx-super-table.svg)](https://github.com/andyperlitch/ngx-super-table/issues)\n[![GitHub stars](https://img.shields.io/github/stars/andyperlitch/ngx-super-table.svg)](https://github.com/andyperlitch/ngx-super-table/stargazers)\n[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/andyperlitch/ngx-super-table/master/MIT-LICENSE)\n[![All Contributors](https://img.shields.io/badge/all_contributors-2-orange.svg?style=flat-square)](#contributors)\n\nA table component built in [angular](https://angular.io) with the following features:\n\n- row virtualization\n- row sorting (stackable)\n- cell formatting (text)\n- custom cell component\n- column resizing\n- column-based filtering\n  - string\n  - number\n  - enum\n  - custom\n\n![ngx super table screenshot](http://i.imgur.com/ERUHmza.png)\n\n\n\u003e **Note:** This project was formerly named `ng2-super-table`.\n\n## Demo\n\n[https://andyperlitch.github.io/ngx-super-table/demo/](https://andyperlitch.github.io/ngx-super-table/demo/)\n\n## Table of contents\n\n- [About](#about)\n- [Installation](#installation)\n- [Documentation](#documentation)\n- [Development](#development)\n- [License](#license)\n\n## About\n\nA table component for Angular projects\n\n## Installation\n\n* Install using `npm` or `yarn`\n\n**NB:** Please, keep in mind that the master branch may contain code\n*not* published to npmjs.org yet!\n\n```bash\nnpm install --save ngx-super-table\n# yarn add ngx-super-table\n```\n\n* Add `SuperTableModule` to `AppModule`\n\n```typescript\nimport { SuperTableModule } from 'ngx-super-table';\nimport { AppComponent } from './app.component';\n\n@NgModule({\n  declarations: [AppComponent],\n  imports: [BrowserModule, FormsModule, SuperTableModule],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\n* Then use it in your app like so:\n\n```typescript\nimport { Component } from '@angular/core';\nimport { SuperTable, SuperTableColumn } from 'ngx-super-table';\n\n@Component({\n  selector: 'demo-app',\n  template: `\u003csuper-table\n    [rows]=\"rows\"\n    [columns]=\"columns\"\n    [options]=\"options\"\u003e\n  \u003c/super-table\u003e`\n})\nexport class DemoApp {\n  rows = [\n    { name: 'thing1', age: 7 },\n    { name: 'thingx', age: 7 },\n    { name: 'cat', age: 10 },\n    { name: 'fish', age: 1 },\n  ];\n  columns: SuperTableColumn[] = [\n    {\n      id: 'name',\n      key: 'name',\n      label: 'Name'\n    },\n    {\n      id: 'age',\n      key: 'age',\n      label: 'Age'\n    }\n  ];\n  options = {};\n}\n```\n\n**Note:** The `I` prefix was removed from [interfaces](https://github.com/andyperlitch/ngx-super-table/pull/30/commits/e93f0e3dfd7a8f6f9bd8b29fa75987ce50b59616)\n\nPlease view the [demo source](https://github.com/andyperlitch/ngx-super-table/blob/master/src/app/modules/home/demo.component.ts) for a much more feature-complete example.\n\n### Usage without a module bundler\n\nUse `node_modules/ngx-super-table/index.umd.js`\n\n## Documentation\n\nAll documentation is auto-generated from the source via typedoc and can be viewed here:\n\n[https://andyperlitch.github.io/ngx-super-table/doc/](https://andyperlitch.github.io/ngx-super-table/doc/)\n\n## Development\n\nThis project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.0-rc.2.\n\n### Prepare your environment\n\n* Install [Node.js](http://nodejs.org/) and NPM (should come with)\n* Install local dev dependencies: `npm install` while current directory is this repo\n\n### Development server\n\nTo build the `ngx-super-table` package run `yarn build:lib`\nTo compile the test app with the built version of ngx-super-table run: `yarn start --app 1`\n\nThen navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.\nYou will have to run `yarn build:lib` anytime you make changes to the library in order to see those changes in the test app.\n\n### Code scaffolding\n\nRun `ng g c component-name --app 2` to generate a new component for `ngx-super-table`.\n\nYou can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.\n\n## Build\n\nRun `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.\n\n### Running unit tests\n\nRun `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).\n\n### Running end-to-end tests\n\nRun `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).\nBefore running the tests make sure you are serving the app via `ng serve`.\n\n### Further help\n\nTo get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).\n\n## Release\n\n* Bump the version in `src/lib/package.json` (once the module hits 1.0 this will become automatic)\n\n```bash\nnpm run release\n```\n\n## TODO\n- [X] row virtualization\n- [X] column resizing\n- [X] row sorting (stacked, via columns)\n- [X] cell formatting (text)\n- [X] custom cell component\n- [X] column-based filtering\n  - [X] string\n  - [X] number\n  - [X] enum\n  - [X] custom\n  - [ ] formatted string\n- [ ] hiding/showing columns\n\n\n## License\n\nMIT\n\n## Contributors\n\nThanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):\n\n\u003c!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section --\u003e\n| [\u003cimg src=\"https://avatars2.githubusercontent.com/u/1390651?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003eAndy Perlitch\u003c/sub\u003e](https://github.com/andyperlitch)\u003cbr /\u003e[💬](#question-andyperlitch \"Answering Questions\") [💻](https://github.com/andyperlitch/ngx-super-table/commits?author=andyperlitch \"Code\") [🎨](#design-andyperlitch \"Design\") [📖](https://github.com/andyperlitch/ngx-super-table/commits?author=andyperlitch \"Documentation\") [💡](#example-andyperlitch \"Examples\") [🤔](#ideas-andyperlitch \"Ideas, Planning, \u0026 Feedback\") [👀](#review-andyperlitch \"Reviewed Pull Requests\") | [\u003cimg src=\"https://avatars0.githubusercontent.com/u/735717?v=4\" width=\"100px;\"/\u003e\u003cbr /\u003e\u003csub\u003eChris McKnight\u003c/sub\u003e](https://github.com/cmckni3)\u003cbr /\u003e[💻](https://github.com/andyperlitch/ngx-super-table/commits?author=cmckni3 \"Code\") [🎨](#design-cmckni3 \"Design\") [📖](https://github.com/andyperlitch/ngx-super-table/commits?author=cmckni3 \"Documentation\") [💡](#example-cmckni3 \"Examples\") [🤔](#ideas-cmckni3 \"Ideas, Planning, \u0026 Feedback\") [🚇](#infra-cmckni3 \"Infrastructure (Hosting, Build-Tools, etc)\") [👀](#review-cmckni3 \"Reviewed Pull Requests\") [🔧](#tool-cmckni3 \"Tools\") |\n| :---: | :---: |\n\u003c!-- ALL-CONTRIBUTORS-LIST:END --\u003e\n\nThis project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification. Contributions of any kind welcome!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandyperlitch%2Fngx-super-table","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fandyperlitch%2Fngx-super-table","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandyperlitch%2Fngx-super-table/lists"}