https://github.com/swimlane/ngx-datatable
✨ A feature-rich yet lightweight data-table crafted for Angular
https://github.com/swimlane/ngx-datatable
angular angular-components angular2 angular4 datagrid datatable grid hacktoberfest table typescript
Last synced: 6 days ago
JSON representation
✨ A feature-rich yet lightweight data-table crafted for Angular
- Host: GitHub
- URL: https://github.com/swimlane/ngx-datatable
- Owner: swimlane
- License: mit
- Created: 2016-05-31T19:25:47.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2024-07-03T12:33:11.000Z (10 months ago)
- Last Synced: 2024-10-29T09:50:40.109Z (6 months ago)
- Topics: angular, angular-components, angular2, angular4, datagrid, datatable, grid, hacktoberfest, table, typescript
- Language: TypeScript
- Homepage: http://swimlane.github.io/ngx-datatable/
- Size: 20.1 MB
- Stars: 4,627
- Watchers: 178
- Forks: 1,680
- Open Issues: 898
-
Metadata Files:
- Readme: README.md
- Contributing: docs/contributing/building.md
- License: LICENSE
Awesome Lists containing this project
- awesome-angular-components - @swimlane/ngx-datatable - A feature-rich yet lightweight data-table crafted for Angular2 and beyond. (Uncategorized / Uncategorized)
- awesome-angular - @swimlane/ngx-datatable - A feature-rich yet lightweight data-table crafted for Angular2 and beyond. (Uncategorized / Uncategorized)
- awesome-angular-components - ngx-datatable - A feature-rich yet lightweight data-table crafted for Angular2 (Uncategorized / Uncategorized)
- awesome-angular-components - @swimlane/ngx-datatable - A feature-rich yet lightweight data-table crafted for Angular2 and beyond. (Uncategorized / Uncategorized)
- awesome-ionic2-components - Flexible and Light Table
- Awesome - Flexible and Light Table
- awesome-angular-components - swimlane/ngx-datatable - ✨ A feature-rich yet lightweight data-table crafted for Angular (UI Components / Table)
- jimsghstars - swimlane/ngx-datatable - ✨ A feature-rich yet lightweight data-table crafted for Angular (TypeScript)
README
# ngx-datatable
[](https://gitter.im/swimlane/ngx-datatable?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
[](https://codeclimate.com/github/swimlane/ngx-datatable)
[](https://codeclimate.com/github/swimlane/ngx-datatable/coverage)
[](https://badge.fury.io/js/%40swimlane%2Fngx-datatable)
[](https://npmjs.org/@swimlane/ngx-datatable)
`ngx-datatable` is an Angular component for presenting large and complex data. It has all the features you would expect from any other table but in a light package with _no external dependencies_. The table was designed to be extremely flexible and light; it doesn't make any assumptions about your data or how you: filter, sort or page it.
Check out the [documentation](https://swimlane.gitbook.io/ngx-datatable/) & [demos](http://swimlane.github.io/ngx-datatable/) for more information!
See the [changelog](https://github.com/swimlane/ngx-datatable/blob/master/docs/changelog.md) for recent changes.
## Features
- Handle large data sets ( Virtual DOM )
- Expressive Header and Cell Templates
- Horizontal & Vertical Scrolling
- Column Reordering & Resizing
- Client/Server side Pagination & Sorting
- Intelligent Column Width Algorithms ( Force-fill & Flex-grow )
- Integrated Pager
- Cell & Row Selection ( Single, Multi, Keyboard, Checkbox )
- Fixed AND Fluid height
- Left and Right Column Pinning
- Row Detail View
- Decoupled theme'ing with included Google Material theme
- Light codebase / No external dependencies
- AoT Compilation Support
- Universal Support
## Installation
To use ngx-datatable in your project install it via [npm](https://www.npmjs.com/package/@swimlane/ngx-datatable):
```
npm i @swimlane/ngx-datatable --save
```
## Building
Run `yarn build` to build the project. The build artifacts will be stored in the `dist/` directory.
## Running tests
- Run `yarn test` to execute the linter, prettier check, unit and end-to-end tests.
## Release
- Checkout master (`git checkout master`)
- Pull master (`git pull`)
- Refresh node modules (`yarn install --frozen-lockfile`)
- Run tests (`yarn test`)
- Examine log to determine next version (X.Y.Z)
- Run `git checkout -b release/X.Y.Z`
- Update version in `projects/swimlane/ngx-datatable/package.json`.
- Update changelog in `projects/swimlane/ngx-datatable/docs/CHANGELOG.md`
- Run `yarn package` to build the package
- Run `git commit -am "(release): X.Y.Z"`
- Run `git tag X.Y.Z`
- Run `git push origin HEAD --tags`
- Run `yarn publish`
- Submit PR
## Credits
`ngx-datatable` is a [Swimlane](http://swimlane.com) open-source project; we believe in giving back to the open-source community by sharing some of the projects we build for our application. Swimlane is an automated cyber security operations and incident response platform that enables cyber security teams to leverage threat intelligence, speed up incident response and automate security operations.