ngx-datatable (f.k.a. angular2-data-table)

ngx-datatable is an Angular2 and beyond 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.

It was built for modern browsers using TypeScript, CSS3 and HTML5 and Angular >=2.4.0. This is the sister project of the angular-data-table that is designed for Angular 1.x.

Check out the documentation & demos for more information!

Features

• Handle large data sets ( Virtual DOM )
• Expressive Header and Cell Templates
• Horizontal & Vertical Scrolling
• Column Reordering & Resizing
• Client/Serve 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

Installation

To use ngx-datatable in your project install it via npm:

npm i @swimlane/ngx-datatable --save

Credits

ngx-datatable is a Swimlane 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.