Skip to content

peloncano/angular2-data-table

 
 

Repository files navigation

Notes

The components' selectors and HTML on this project have been changed to use the HTML tags corresponding to a normal table (thead, tbody, th, tr, tds).

Some features have been disabled as well (auto resizing)

Update 03/06/2017

  • Bug fix; column options did not work correctly when using hideInColumnOptions

Update 03/03/2017

Upgraded Angular version to 2.4.5

Update 12/09/2016

Added table options to display tooltip on a filter input when min. number of characters are typed

Update 12/02/2016

Column options changes to show hidden column count

Update 10/25/2016

Made changes to allow for overriding the sorting property.

Update 9/25/2016

Made some changes that expose events for filtering and changing of page limits

Header Filter

  • Dropdown for changing page limits (Done)
  • Input box for filtering (Done)
  • Delay and minLength support for filtering input (Done)
  • Column Options (Done)
  • Exports to csv, pdf, etc (Done)
  • Material Style (Pending)

ORIGINAL README

angular2-data-table Join the chat at https://gitter.im/swimlane/angular2-data-table Code Climate Test Coverage Dependency Status devDependency Status npm version npm downloads

angular2-data-table is a Angular2 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.0.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 Column Templates
  • Horizontal & Vertical Scrolling
  • Column Reordering & Resizing
  • Client & Server-side Pagination & Sorting
  • Intelligent Column Width Algorithms ( Force-fill & Flex-grow )
  • Integrated Pager
  • Row Selection ( Single & Multi )
  • Fixed AND Fluid height
  • Left and Right Column Pinning
  • Decoupled theme'ing with included Google Material theme
  • Light codebase / No external dependencies

Installation

To use angular2-data-table in your project install it via npm:

npm install --save angular2-data-table

Credits

angular2-data-table 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.

About

✨ A feature-rich yet lightweight data-table crafted for Angular2!

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 72.5%
  • CSS 16.6%
  • HTML 7.5%
  • JavaScript 3.4%