swimlane / ngx-datatable Goto Github PK

View Code? Open in Web Editor NEW

4.6K 179.0 1.7K 20.56 MB

✨ A feature-rich yet lightweight data-table crafted for Angular

Home Page: http://swimlane.github.io/ngx-datatable/

License: MIT License

HTML 6.19% JavaScript 0.70% TypeScript 86.73% CSS 1.54% SCSS 4.84%

angular datatable table grid angular-components datagrid typescript angular4 angular2 hacktoberfest

ngx-datatable's Introduction

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.

It was built for modern browsers using TypeScript, CSS3 and HTML5 and Angular 8.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!

See the changelog 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:

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.

SecOps Hub is an open, product-agnostic, online community for security professionals to share ideas, use cases, best practices, and incident response strategies.

ngx-datatable's People

Contributors

Stargazers

Watchers

Forkers

archsaber opavader gitter-badger thomascutting kuzman mshahin364 bdinesh smorcuend tamascsaba wor-k alber70g rasmustg brocco paulkjoseph danielrosenwasser caballerog adaur jesion viktortat ocombe q-free-openroads jonyadamit egidiocs rahulbussa npmcdn-to-unpkg-bot opt-tech kruczjak jntakpe niceilm fridolin-koch shedar happyjunyi peloncano jtomaszewski tscislo darrenwj takhirmirzaev deeg ashleahhill 9590 hstevensagain criticalpixel humadev aaronngray otodockal thesniper102 denghuiquan dellax ranga543 eliadayehu rtrompier martveeken volodyad sqrlfan vmlf01 skitto0307 krassx gerhardboer ovidos jonahke shattar marioacc drane chaosxu zhongzhong0505 araedavis fenta23 ghetolay proartti cloudhubke tapanempyrean cyberdyme isaacplmann mdelsan mattvaughan derkoe giladym gogogogogogo mmrath samgrimmer blagerweij weizenberg smile2014 lodexinc satish-suradkar deebloo diansigit s0x thesudeep dunerunner tedkulp pesteves8 shaunburdick aklokov-html pacjin79 qdouble testshaligram zxshinxz shreeram staticfox

ngx-datatable's Issues

Transpile\Compile errors using webpack

I am getting numerous transpile errors in webpack trying to use angular2-data-table.
Here is my package.json
{ "name": "...", "version": "0.0.0", "description": "", "repository": "", "license": "", "devDependencies": { "bootstrap": "^3.3.6", "css-loader": "^0.23.1", "expose-loader": "^0.7.1", "extendify": "^1.0.0", "extract-text-webpack-plugin": "^1.0.1", "file-loader": "^0.8.5", "jquery": "^2.2.1", "raw-loader": "^0.5.1", "style-loader": "^0.13.0", "ts-loader": "^0.8.1", "typescript": "^1.8.2", "url-loader": "^0.5.7", "webpack": "^1.12.14", "webpack-hot-middleware": "^2.10.0", "reflect-metadata": "0.1.3", "less": "^2.7.1", "less-loader": "^2.2.3" }, "dependencies": { "@angular/common": "2.0.0-rc.5", "@angular/compiler": "2.0.0-rc.5", "@angular/core": "2.0.0-rc.5", "@angular/http": "2.0.0-rc.5", "@angular/platform-browser": "2.0.0-rc.5", "@angular/platform-browser-dynamic": "2.0.0-rc.5", "@angular/platform-server": "2.0.0-rc.5", "@angular/router": "3.0.0-beta.2", "@angular/forms": "0.2.0", "angular2-universal": "^0.104.1", "aspnet-prerendering": "^1.0.2", "aspnet-webpack": "^1.0.1", "css": "^2.2.1", "isomorphic-fetch": "^2.2.1", "preboot": "^2.0.10", "rxjs": "5.0.0-beta.6", "webpack-externals-plugin": "^1.0.0", "zone.js": "^0.6.12", "es6-shim": "0.35.1", "ng2-accordion": "0.0.8", "angular2-data-table":"0.1.16" } }

Here are the Errors I am recieving via webpack output:

ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(1,1): error TS1084: Invalid 'reference' directive syntax.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(135,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(135,30): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(135,32): error TS1068: Unexpected token. A constructor, method, accessor, or property was expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(140,18): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(146,18): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(147,18): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(148,18): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(152,29): error TS1005: ',' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(152,37): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(153,21): error TS1005: ',' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(153,33): error TS1005: '(' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(153,34): error TS1005: ',' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(153,40): error TS1005: ')' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(154,27): error TS1005: ',' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(154,42): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(155,21): error TS1005: ',' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(155,30): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(155,36): error TS1109: Expression expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(156,24): error TS1005: ',' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(156,38): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(156,44): error TS1109: Expression expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(158,1): error TS1128: Declaration or statement expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(203,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(203,23): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(204,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(204,27): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(271,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(271,25): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(286,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(286,29): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(287,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(287,30): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(287,32): error TS1068: Unexpected token. A constructor, method, accessor, or property was expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(288,26): error TS1005: ',' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(288,45): error TS1005: ',' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(289,28): error TS1005: ',' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(289,41): error TS1005: ',' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(289,47): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(289,53): error TS1109: Expression expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(290,53): error TS1005: ',' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(291,27): error TS1005: ',' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(292,26): error TS1005: ',' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(293,23): error TS1005: ',' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(294,11): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(294,17): error TS1109: Expression expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(296,1): error TS1128: Declaration or statement expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(338,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(338,23): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(339,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(339,23): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(348,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(348,28): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(358,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(358,30): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(372,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(372,31): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(374,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(374,28): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(375,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(375,27): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(392,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(392,28): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(410,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(410,25): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(411,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(411,25): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(445,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(445,31): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(446,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(446,28): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(447,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(447,30): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(448,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(448,29): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(449,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(449,30): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(450,18): error TS1005: '=' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(450,32): error TS1005: ';' expected.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(136,13): error TS7028: Unused label.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(137,13): error TS7028: Unused label.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(138,13): error TS7028: Unused label.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(144,13): error TS7028: Unused label.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(140,18): error TS7028: Unused label.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(146,18): error TS7028: Unused label.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(147,18): error TS7028: Unused label.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(149,13): error TS7028: Unused label.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(150,13): error TS7028: Unused label.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(148,18): error TS7028: Unused label.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(203,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(204,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(203,25): error TS2300: Duplicate identifier 'boolean'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(204,29): error TS2300: Duplicate identifier 'boolean'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(286,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(287,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(338,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(339,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(372,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(374,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(372,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(375,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(374,30): error TS2300: Duplicate identifier 'string'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(375,29): error TS2300: Duplicate identifier 'string'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(410,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(411,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(445,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(446,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(445,33): error TS2300: Duplicate identifier 'boolean'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(446,30): error TS2300: Duplicate identifier 'boolean'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(445,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(447,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(445,33): error TS2300: Duplicate identifier 'boolean'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(447,32): error TS2300: Duplicate identifier 'boolean'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(445,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(448,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(445,33): error TS2300: Duplicate identifier 'boolean'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(448,31): error TS2300: Duplicate identifier 'boolean'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(445,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(449,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(445,33): error TS2300: Duplicate identifier 'boolean'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(449,32): error TS2300: Duplicate identifier 'boolean'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(445,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(450,9): error TS2300: Duplicate identifier 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(445,33): error TS2300: Duplicate identifier 'boolean'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(450,34): error TS2300: Duplicate identifier 'boolean'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(135,18): error TS2304: Cannot find name 'columnsByPin'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(136,19): error TS2304: Cannot find name 'any'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(137,21): error TS2304: Cannot find name 'any'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(138,20): error TS2304: Cannot find name 'any'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(140,9): error TS2304: Cannot find name 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(141,19): error TS2304: Cannot find name 'number'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(142,21): error TS2304: Cannot find name 'number'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(143,20): error TS2304: Cannot find name 'number'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(144,20): error TS2304: Cannot find name 'number'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(146,9): error TS2304: Cannot find name 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(146,29): error TS2304: Cannot find name 'number'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(147,9): error TS2304: Cannot find name 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(147,28): error TS2304: Cannot find name 'number'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(148,9): error TS2304: Cannot find name 'readonly'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(149,20): error TS2304: Cannot find name 'number'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(150,19): error TS2304: Cannot find name 'number'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(152,9): error TS2304: Cannot find name 'setSelected'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(152,21): error TS2304: Cannot find name 'selected'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(152,31): error TS2304: Cannot find name 'any'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(152,39): error TS2331: 'this' cannot be referenced in a module or namespace body.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(153,9): error TS2304: Cannot find name 'setRows'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(153,17): error TS2304: Cannot find name 'rows'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(153,36): error TS2331: 'this' cannot be referenced in a module or namespace body.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(154,9): error TS2304: Cannot find name 'setOptions'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(154,20): error TS2304: Cannot find name 'options'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(154,44): error TS2331: 'this' cannot be referenced in a module or namespace body.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(155,9): error TS2304: Cannot find name 'setPage'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(155,17): error TS2304: Cannot find name 'page'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(155,23): error TS2304: Cannot find name 'number'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(156,9): error TS2304: Cannot find name 'nextSort'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(156,18): error TS2304: Cannot find name 'column'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(161,19): error TS2304: Cannot find name 'IntersectionObserver'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(203,18): error TS2304: Cannot find name 'press'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(204,18): error TS2304: Cannot find name 'longPress'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(271,18): error TS2304: Cannot find name 'sortDir'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(286,18): error TS2304: Cannot find name 'headerWidth'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(287,18): error TS2304: Cannot find name 'headerHeight'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(287,32): error TS2304: Cannot find name 'number'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(287,41): error TS2304: Cannot find name 'string'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(288,9): error TS2304: Cannot find name 'constructor'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(288,21): error TS2304: Cannot find name 'state'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(288,42): error TS2304: Cannot find name 'elm'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(289,9): error TS2304: Cannot find name 'columnResized'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(289,23): error TS2304: Cannot find name 'width'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(289,30): error TS2304: Cannot find name 'any'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(289,35): error TS2304: Cannot find name 'column'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(289,43): error TS2304: Cannot find name 'any'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(290,9): error TS2304: Cannot find name 'columnReordered'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(290,26): error TS2304: Cannot find name 'prevIndex'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(290,37): error TS2304: Cannot find name 'newIndex'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(290,47): error TS2304: Cannot find name 'model'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(291,24): error TS2304: Cannot find name 'any'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(292,23): error TS2304: Cannot find name 'any'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(293,20): error TS2304: Cannot find name 'any'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(338,18): error TS2304: Cannot find name 'value'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(339,18): error TS2304: Cannot find name 'width'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(348,18): error TS2304: Cannot find name 'isSelected'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(358,18): error TS2304: Cannot find name 'scrollHeight'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(372,18): error TS2304: Cannot find name 'selectEnabled'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(374,18): error TS2304: Cannot find name 'bodyHeight'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(375,18): error TS2304: Cannot find name 'bodyWidth'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(392,18): error TS2304: Cannot find name 'totalPages'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(410,18): error TS2304: Cannot find name 'visible'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(411,18): error TS2304: Cannot find name 'curPage'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(420,5): error TS2439: Import or export declaration in an ambient module declaration cannot reference module through relative module name.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(445,18): error TS2304: Cannot find name 'isFixedHeader'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(446,18): error TS2304: Cannot find name 'isFixedRow'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(447,18): error TS2304: Cannot find name 'isVertScroll'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(448,18): error TS2304: Cannot find name 'isHorScroll'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(449,18): error TS2304: Cannot find name 'isSelectable'.
ERROR in C:\dev\Core\web\LDC.Core.Angular2\node_modules\angular2-data-table\release\angular2-data-table.d.ts
(450,18): error TS2304: Cannot find name 'isCheckboxable'.
ERROR in ./ClientApp/components/content/index.ts
(15,9): error TS2656: Exported external package typings file 'C:/dev/Core/web/LDC.Core.Angular2/node_modules/angular2-data-table/release/angular2-data-table.d.ts' is not a module. Please contact the package author to update the package definition.
ERROR in ./ClientApp/boot-client.ts
(19,8): error TS2656: Exported external package typings file 'C:/dev/Core/web/LDC.Core.Angular2/node_modules/angular2-data-table/release/angular2-data-table.d.ts' is not a module. Please contact the package author to update the package definition.

Got an error: 'Import or export declaration in an ambient module declaration cannot reference module through relative module name'

Got an error when compiling:

ERROR in [default] c:\Codes\angular2\quick-start\node_modules\angular2-data-table\release\angular2-data-table.d.ts:176:4
Import or export declaration in an ambient module declaration cannot reference module through relative module name.

How to fix such a kind of error? Thanks.

Add table support for column name

I've got checkbox column and I need checkbox instead of column name (it will select / deselect all rows) - http://ge.tt/4lYwjYd2

I think it requires custom template for column name

VScroll

Using your demo https://swimlane.gitbooks.io/angular2-data-table/content/examples/client-paging.html
If I try to enable scrollbarV: true,

I receive no data.

It's mandatory to do in the html?

no depend from jspm

If you want to use angular2 data-table you install jspm.
Is there any workaround to use data-table witouth installing jspm?

last pagination page shows wrong items

Hi all,

Thanks for this great library!
I just found a small issue, if the last page is called, in some cases there are still 'old' items on it.
https://plnkr.co/edit/1hIoLSJ8TubcX2pow9Ga?p=preview

If you jump to the last page you see first 7 items, click now on page 12 -> 5 items, again -> 3 items

CodeClimate TSLint

Setup code climate to use tslint plugin - https://github.com/swimlane/codeclimate-tslint

@brantw is working on fixing the above so it will work.

Column Pinning

How to use this with webpack import?

import {
DataTable,
TableOptions,
TableColumn,
ColumnMode
} from 'angular2-data-table';

don't work with webpack.

Example of server side sorting

Can you provide an example of server side sorting?

Release build issues with using directly in Angular

Great work on these tables. Looks really nice and clean. I've been looking at it over the weekend, and have some issues getting the angular2-data-tables.js to work. When using the generated separate JS files directly I can use it from my project.

If I, however, use the angular2-data-table.js file Angular complains about no directive annotation found on DataTable. Since it works correctly from the separate .js files (I just copied the dist directory to my own project), I assume something is mangled by jspm.

So for now, I'll continue with the individual js files, but would love to see this also working from your release/npm directly.

Add contenteditable table?

An implementation with a contenteditable table would be neat.

TemplateRefs in Dynamic Columns

Add ability to add template refs in column definitions

https://plnkr.co/edit/HxAxUtBwPHFyYU79V0yl?p=preview

Flex column

Hello,
I'm trying to use the datatable in really less space. I saw that you should support that.
My configuration is:

public options = new TableOptions({
        columnMode: ColumnMode.force,
        rowHeight: 'auto',
        loadingIndicator: true,
        limit: 10,
        columnMode: 'flex',
        columns: [
            new TableColumn({name: 'Name'}),
            new TableColumn({name: 'Gender'}),
            new TableColumn({name: 'Company'}),
            new TableColumn({name: 'age'}),
            new TableColumn({name: 'test'}),
            new TableColumn({name: 'test2'}),
            new TableColumn({name: 'test4'}),
        ]
    });

This is the final result:

As you see the content flex but the header not.

This is a way to fit niecly the content and the header? Maybe switching automatically from vertical to horizontal mode?

Thanks

Row Grouping

Install error

Type 'npm install angular2-data-table' in cmd without error
enter '\node_modules\angular2-data-table'
type 'npm start', them errors below:

npm ERR! Windows_NT 10.0.10586
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "start"
npm ERR! node v6.2.2
npm ERR! npm v3.9.5
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: npm-run-all -s clean:* start:server
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script 'npm-run-all -s clean:* start:server'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the angular2-data-table package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! npm-run-all -s clean:* start:server
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs angular2-data-table
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls angular2-data-table
npm ERR! There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! Please include the following file with any support request:
npm ERR! F:\web-project\node_modules\angular2-data-table\npm-debug.log

resizing issue typo

Table columns have options for resizing resizeable: true. The directive has a typo, it called resizable, not resizeable.

using resizeable: false will fail, but with the typoresizable: false it works correctly.

Table options refactor

Requirements

Per @DzmitryShylovich on Gitter:

I think we should redesign configuration of the table.

the ultimate goal is to use OnPush change detection strategy . To achieve this data table should depend only on inputs or observables.

TablesOptions is not very convenient way here because if I need to change a single property at runtime (for example loading indicator) I need to create a fresh copy of the whole TablesOptions object (we need new reference). I guess the better option would be to split TableOptions into many small inputs like here

Considerations

I'm good with this change. Challenge becomes managing passing these options down to all the

A example implementation here: https://github.com/primefaces/primeng/blob/master/components/datatable/datatable.ts#L219

Could be tied to #32 RXJS support issue

Bunching of Rows on Initial VScroll load

On Initial load of Virtual Scrolling the rows all bunch up as one row and only move out after scrolling some.

TypeScript errors

TypeScript and JSPM don't play well together. It can't find type definitions for angular and other things. More info: microsoft/TypeScript#6012

import { bootstrap } from '@angular/platform-browser-dynamic';
[0]                             ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
[0]
[0] src/app.ts(2,27): error TS2307: Cannot find module '@angular/platform-browser-dynamic'.

Cannot find type definition file for 'core-js'

After installed I receive this error:

/node_modules/angular2-data-table/release/models/TableOptions.d.ts:1:1
Cannot find type definition file for 'core-js'.

Missed something?

'Critical dependencies' error

I use webpack for bundling my project. Table works fine but I get the following warnings/errors in the console http://prntscr.com/bpa9xj

Looks familiar to webpack/webpack#196

Build failed

When I run npm run build:

[0] �[100;30m79�[0m export declare function coreLoadAndBootstrap(componentType: Type, injector: Injector): Promise<ComponentRef<any>>;
[0] �[100;30m  �[0m �[91m                                                                                       ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/application_ref.d.ts(79,88): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m137�[0m     abstract waitForAsyncInitializers(): Promise<any>;
[0] �[100;30m   �[0m �[91m                                         ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/application_ref.d.ts(137,42): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m196�[0m     waitForAsyncInitializers(): Promise<any>;
[0] �[100;30m   �[0m �[91m                                ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/application_ref.d.ts(196,33): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m24�[0m     diff(map: Map<any, any>): any;
[0] �[100;30m  �[0m �[91m              ~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/change_detection/differs/default_keyvalue_differ.d.ts(24,15): �[91merror�[0m TS2304: Cannot find name 'Map'.
[0] 
[0] 
[0] �[100;30m26�[0m     check(map: Map<any, any>): boolean;
[0] �[100;30m  �[0m �[91m               ~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/change_detection/differs/default_keyvalue_differ.d.ts(26,16): �[91merror�[0m TS2304: Cannot find name 'Map'.
[0] 
[0] 
[0] �[100;30m115�[0m export declare function mergeResolvedReflectiveProviders(providers: ResolvedReflectiveProvider[], normalizedProvidersMap: Map<number, ResolvedReflectiveProvider>): Map<number, ResolvedReflectiveProvider>;
[0] �[100;30m   �[0m �[91m                                                                                                                          ~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/di/reflective_provider.d.ts(115,123): �[91merror�[0m TS2304: Cannot find name 'Map'.
[0] 
[0] 
[0] �[100;30m115�[0m export declare function mergeResolvedReflectiveProviders(providers: ResolvedReflectiveProvider[], normalizedProvidersMap: Map<number, ResolvedReflectiveProvider>): Map<number, ResolvedReflectiveProvider>;
[0] �[100;30m   �[0m �[91m                                                                                                                                                                    ~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/di/reflective_provider.d.ts(115,165): �[91merror�[0m TS2304: Cannot find name 'Map'.
[0] 
[0] 
[0] �[100;30m34�[0m     static fromPromise(promise: Promise<any>): Observable<any>;
[0] �[100;30m  �[0m �[91m                                ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/async.d.ts(34,33): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m35�[0m     static toPromise(obj: Observable<any>): Promise<any>;
[0] �[100;30m  �[0m �[91m                                            ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/async.d.ts(35,45): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m1�[0m export declare var Map: MapConstructor;
[0] �[100;30m �[0m �[91m                        ~~~~~~~~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/collection.d.ts(1,25): �[91merror�[0m TS2304: Cannot find name 'MapConstructor'.
[0] 
[0] 
[0] �[100;30m2�[0m export declare var Set: SetConstructor;
[0] �[100;30m �[0m �[91m                        ~~~~~~~~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/collection.d.ts(2,25): �[91merror�[0m TS2304: Cannot find name 'SetConstructor'.
[0] 
[0] 
[0] �[100;30m4�[0m     static clone<K, V>(m: Map<K, V>): Map<K, V>;
[0] �[100;30m �[0m �[91m                          ~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/collection.d.ts(4,27): �[91merror�[0m TS2304: Cannot find name 'Map'.
[0] 
[0] 
[0] �[100;30m4�[0m     static clone<K, V>(m: Map<K, V>): Map<K, V>;
[0] �[100;30m �[0m �[91m                                      ~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/collection.d.ts(4,39): �[91merror�[0m TS2304: Cannot find name 'Map'.
[0] 
[0] 
[0] �[100;30m7�[0m     }): Map<string, T>;
[0] �[100;30m �[0m �[91m        ~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/collection.d.ts(7,9): �[91merror�[0m TS2304: Cannot find name 'Map'.
[0] 
[0] 
[0] �[100;30m8�[0m     static toStringMap<T>(m: Map<string, T>): {
[0] �[100;30m �[0m �[91m                             ~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/collection.d.ts(8,30): �[91merror�[0m TS2304: Cannot find name 'Map'.
[0] 
[0] 
[0] �[100;30m11�[0m     static createFromPairs(pairs: any[]): Map<any, any>;
[0] �[100;30m  �[0m �[91m                                          ~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/collection.d.ts(11,43): �[91merror�[0m TS2304: Cannot find name 'Map'.
[0] 
[0] 
[0] �[100;30m12�[0m     static clearValues(m: Map<any, any>): void;
[0] �[100;30m  �[0m �[91m                          ~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/collection.d.ts(12,27): �[91merror�[0m TS2304: Cannot find name 'Map'.
[0] 
[0] 
[0] �[100;30m14�[0m     static keys<K>(m: Map<K, any>): K[];
[0] �[100;30m  �[0m �[91m                      ~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/collection.d.ts(14,23): �[91merror�[0m TS2304: Cannot find name 'Map'.
[0] 
[0] 
[0] �[100;30m15�[0m     static values<V>(m: Map<any, V>): V[];
[0] �[100;30m  �[0m �[91m                        ~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/collection.d.ts(15,25): �[91merror�[0m TS2304: Cannot find name 'Map'.
[0] 
[0] 
[0] �[100;30m100�[0m     static createFromList<T>(lst: T[]): Set<T>;
[0] �[100;30m   �[0m �[91m                                        ~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/collection.d.ts(100,41): �[91merror�[0m TS2304: Cannot find name 'Set'.
[0] 
[0] 
[0] �[100;30m101�[0m     static has<T>(s: Set<T>, key: T): boolean;
[0] �[100;30m   �[0m �[91m                     ~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/collection.d.ts(101,22): �[91merror�[0m TS2304: Cannot find name 'Set'.
[0] 
[0] 
[0] �[100;30m102�[0m     static delete<K>(m: Set<K>, k: K): void;
[0] �[100;30m   �[0m �[91m                        ~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/collection.d.ts(102,25): �[91merror�[0m TS2304: Cannot find name 'Set'.
[0] 
[0] 
[0] �[100;30m11�[0m     Map: typeof Map;
[0] �[100;30m  �[0m �[91m                ~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/lang.d.ts(11,17): �[91merror�[0m TS2304: Cannot find name 'Map'.
[0] 
[0] 
[0] �[100;30m12�[0m     Set: typeof Set;
[0] �[100;30m  �[0m �[91m                ~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/lang.d.ts(12,17): �[91merror�[0m TS2304: Cannot find name 'Set'.
[0] 
[0] 
[0] �[100;30m68�[0m export declare function deserializeEnum(val: any, values: Map<number, any>): any;
[0] �[100;30m  �[0m �[91m                                                          ~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/lang.d.ts(68,59): �[91merror�[0m TS2304: Cannot find name 'Map'.
[0] 
[0] 
[0] �[100;30m9�[0m     promise: Promise<R>;
[0] �[100;30m �[0m �[91m             ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/promise.d.ts(9,14): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m15�[0m     static resolve<T>(obj: T): Promise<T>;
[0] �[100;30m  �[0m �[91m                               ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/promise.d.ts(15,32): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m16�[0m     static reject(obj: any, _: any): Promise<any>;
[0] �[100;30m  �[0m �[91m                                     ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/promise.d.ts(16,38): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m17�[0m     static catchError<T>(promise: Promise<T>, onError: (error: any) => T | PromiseLike<T>): Promise<T>;
[0] �[100;30m  �[0m �[91m                                  ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/promise.d.ts(17,35): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m17�[0m     static catchError<T>(promise: Promise<T>, onError: (error: any) => T | PromiseLike<T>): Promise<T>;
[0] �[100;30m  �[0m �[91m                                                                                            ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/promise.d.ts(17,93): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m18�[0m     static all<T>(promises: (T | Promise<T>)[]): Promise<T[]>;
[0] �[100;30m  �[0m �[91m                                 ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/promise.d.ts(18,34): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m18�[0m     static all<T>(promises: (T | Promise<T>)[]): Promise<T[]>;
[0] �[100;30m  �[0m �[91m                                                 ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/promise.d.ts(18,50): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m19�[0m     static then<T, U>(promise: Promise<T>, success: (value: T) => U | PromiseLike<U>, rejection?: (error: any, stack?: any) => U | PromiseLike<U>): Promise<U>;
[0] �[100;30m  �[0m �[91m                               ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/promise.d.ts(19,32): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m19�[0m     static then<T, U>(promise: Promise<T>, success: (value: T) => U | PromiseLike<U>, rejection?: (error: any, stack?: any) => U | PromiseLike<U>): Promise<U>;
[0] �[100;30m  �[0m �[91m                                                                                                                                                    ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/promise.d.ts(19,149): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m20�[0m     static wrap<T>(computation: () => T): Promise<T>;
[0] �[100;30m  �[0m �[91m                                          ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/facade/promise.d.ts(20,43): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m13�[0m     compileComponentAsync<T>(component: ConcreteType<T>): Promise<ComponentFactory<T>>;
[0] �[100;30m  �[0m �[91m                                                          ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/linker/compiler.d.ts(13,59): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m9�[0m     abstract resolveComponent(component: Type | string): Promise<ComponentFactory<any>>;
[0] �[100;30m �[0m �[91m                                                         ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/linker/component_resolver.d.ts(9,58): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m13�[0m     resolveComponent(component: Type | string): Promise<ComponentFactory<any>>;
[0] �[100;30m  �[0m �[91m                                                ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/linker/component_resolver.d.ts(13,49): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m61�[0m     abstract loadAsRoot(type: Type, overrideSelectorOrNode: string | any, injector: Injector, onDispose?: () => void, projectableNodes?: any[][]): Promise<ComponentRef<any>>;
[0] �[100;30m  �[0m �[91m                                                                                                                                                   ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/linker/dynamic_component_loader.d.ts(61,148): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m102�[0m     abstract loadNextToLocation(type: Type, location: ViewContainerRef, providers?: ResolvedReflectiveProvider[], projectableNodes?: any[][]): Promise<ComponentRef<any>>;
[0] �[100;30m   �[0m �[91m                                                                                                                                               ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/linker/dynamic_component_loader.d.ts(102,144): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m107�[0m     loadAsRoot(type: Type, overrideSelectorOrNode: string | any, injector: Injector, onDispose?: () => void, projectableNodes?: any[][]): Promise<ComponentRef<any>>;
[0] �[100;30m   �[0m �[91m                                                                                                                                          ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/linker/dynamic_component_loader.d.ts(107,139): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m108�[0m     loadNextToLocation(type: Type, location: ViewContainerRef, providers?: ResolvedReflectiveProvider[], projectableNodes?: any[][]): Promise<ComponentRef<any>>;
[0] �[100;30m   �[0m �[91m                                                                                                                                      ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/linker/dynamic_component_loader.d.ts(108,135): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m18�[0m     resolveComponent(componentType: string | Type): Promise<ComponentFactory<any>>;
[0] �[100;30m  �[0m �[91m                                                    ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/linker/systemjs_component_resolver.d.ts(18,53): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m26�[0m     resolveComponent(componentType: string | Type): Promise<ComponentFactory<any>>;
[0] �[100;30m  �[0m �[91m                                                    ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/src/linker/systemjs_component_resolver.d.ts(26,53): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m81�[0m export declare function bootstrap(appComponentType: Type, customProviders?: Array<any>): Promise<ComponentRef<any>>;
[0] �[100;30m  �[0m �[91m                                                                                         ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/index.d.ts(81,90): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m85�[0m export declare function bootstrapWorkerUi(workerScriptUri: string, customProviders?: Array<any>): Promise<ApplicationRef>;
[0] �[100;30m  �[0m �[91m                                                                                                  ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/index.d.ts(85,99): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m89�[0m export declare function bootstrapWorkerApp(appComponentType: Type, customProviders?: Array<any>): Promise<ComponentRef<any>>;
[0] �[100;30m  �[0m �[91m                                                                                                  ~~~~~~~�[0m
[0] 
[0] jspm_packages/npm/@angular/[email protected]/index.d.ts(89,99): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m10�[0m export declare type SubscribableOrPromise<T> = Subscribable<T> | Promise<T>;
[0] �[100;30m  �[0m �[91m                                                                 ~~~~~~~�[0m
[0] 
[0] node_modules/rxjs/Observable.d.ts(10,66): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m66�[0m     forEach(next: (value: T) => void, PromiseCtor?: typeof Promise): Promise<void>;
[0] �[100;30m  �[0m �[91m                                                           ~~~~~~~�[0m
[0] 
[0] node_modules/rxjs/Observable.d.ts(66,60): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m66�[0m     forEach(next: (value: T) => void, PromiseCtor?: typeof Promise): Promise<void>;
[0] �[100;30m  �[0m �[91m                                                                     ~~~~~~~�[0m
[0] 
[0] node_modules/rxjs/Observable.d.ts(66,70): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m22�[0m     static create<T>(promise: Promise<T>, scheduler?: Scheduler): Observable<T>;
[0] �[100;30m  �[0m �[91m                              ~~~~~~~�[0m
[0] 
[0] node_modules/rxjs/observable/PromiseObservable.d.ts(22,31): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m23�[0m     constructor(promise: Promise<T>, scheduler?: Scheduler);
[0] �[100;30m  �[0m �[91m                         ~~~~~~~�[0m
[0] 
[0] node_modules/rxjs/observable/PromiseObservable.d.ts(23,26): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m7�[0m export declare function toPromise<T>(PromiseCtor?: typeof Promise): Promise<T>;
[0] �[100;30m �[0m �[91m                                                          ~~~~~~~�[0m
[0] 
[0] node_modules/rxjs/operator/toPromise.d.ts(7,59): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m7�[0m export declare function toPromise<T>(PromiseCtor?: typeof Promise): Promise<T>;
[0] �[100;30m �[0m �[91m                                                                    ~~~~~~~�[0m
[0] 
[0] node_modules/rxjs/operator/toPromise.d.ts(7,69): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m9�[0m     (): Promise<T>;
[0] �[100;30m �[0m �[91m        ~~~~~~~�[0m
[0] 
[0] node_modules/rxjs/operator/toPromise.d.ts(9,9): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m10�[0m     (PromiseCtor: typeof Promise): Promise<T>;
[0] �[100;30m  �[0m �[91m                         ~~~~~~~�[0m
[0] 
[0] node_modules/rxjs/operator/toPromise.d.ts(10,26): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m10�[0m     (PromiseCtor: typeof Promise): Promise<T>;
[0] �[100;30m  �[0m �[91m                                   ~~~~~~~�[0m
[0] 
[0] node_modules/rxjs/operator/toPromise.d.ts(10,36): �[91merror�[0m TS2304: Cannot find name 'Promise'.
[0] 
[0] 
[0] �[100;30m5�[0m import { Keys } from '../../utils/Keys';
[0] �[100;30m �[0m �[91m                     ~~~~~~~~~~~~~~~~~~�[0m
[0] 
[0] src/components/body/Body.ts(5,22): �[91merror�[0m TS2307: Cannot find module '../../utils/Keys'.
[0] 
[0] 
[0] �[100;30m44�[0m     let sort = this.state.options.sorts.find(s => {
[0] �[100;30m  �[0m �[91m                                        ~~~~�[0m
[0] 
[0] src/components/header/HeaderCell.ts(44,41): �[91merror�[0m TS2339: Property 'find' does not exist on type 'Sort[]'.
[0] 
[0] 
[0] �[100;30m8�[0m } from 'angular2-data-table';
[0] �[100;30m �[0m �[91m       ~~~~~~~~~~~~~~~~~~~~~�[0m
[0] 
[0] src/demos/expressive.ts(8,8): �[91merror�[0m TS2307: Cannot find module 'angular2-data-table'.
[0] 
[0] 
[0] �[100;30m10�[0m     Object.assign(this, props);
[0] �[100;30m  �[0m �[91m           ~~~~~~�[0m
[0] 
[0] src/models/Sort.ts(10,12): �[91merror�[0m TS2339: Property 'assign' does not exist on type 'ObjectConstructor'.
[0] 
[0] 
[0] �[100;30m62�[0m     Object.assign(this, props);
[0] �[100;30m  �[0m �[91m           ~~~~~~�[0m
[0] 
[0] src/models/TableColumn.ts(62,12): �[91merror�[0m TS2339: Property 'assign' does not exist on type 'ObjectConstructor'.
[0] 
[0] 
[0] �[100;30m71�[0m     Object.assign(this, props);
[0] �[100;30m  �[0m �[91m           ~~~~~~�[0m
[0] 
[0] src/models/TableOptions.ts(71,12): �[91merror�[0m TS2339: Property 'assign' does not exist on type 'ObjectConstructor'.
[0] 
[0] 
[0] �[100;30m106�[0m     const idx = this.options.sorts.findIndex(s =>
[0] �[100;30m   �[0m �[91m                                   ~~~~~~~~~�[0m
[0] 
[0] src/services/State.ts(106,36): �[91merror�[0m TS2339: Property 'findIndex' does not exist on type 'Sort[]'.
[0] 
[0] 
[0] �[100;30m15�[0m   observer: IntersectionObserver;
[0] �[100;30m  �[0m �[91m            ~~~~~~~~~~~~~~~~~~~~�[0m
[0] 
[0] src/utils/VisibilityObserver.ts(15,13): �[91merror�[0m TS2304: Cannot find name 'IntersectionObserver'.
[0] 
[0] 
[0] �[100;30m15�[0m   observer: IntersectionObserver;
[0] �[100;30m  �[0m �[91m            ~~~~~~~~~~~~~~~~~~~~�[0m
[0] 
[0] src/utils/VisibilityObserver.ts(15,13): �[91merror�[0m TS4031: Public property 'observer' of exported class has or is using private name 'IntersectionObserver'.
[0]

Typescript definition file

TypeScript needs typings for external librairies. So it would be great if you could add the typings to the DefinitelyTyped repository, or better, within the NPM module (as recent TypeScript compilers can pick it up automatically).

adjust columns on different columns

Setting the table cols trough dataTableOptions.columns doesn't trigger the resizing method when the array's length doesn't change.

ie:
4 columns [a,b,c,d], all have the canAutoResize: true property and have different widths.
Load the first 2 columns(a and b). Then set to show b and c columns to show.. their width became the default width - causes free space in the table.

Header Templates

Headers can be like cell templates, see #37

search on this datatable

Hi my friend

How i can add search on this datatable ?
thanks advance

Cannot Find Module Error due to typings

import { TableOptions, TableColumn, ColumnMode } from 'angular2-data-table'

Gives me 'Cannot Find Module' error.

I'm following the example here:
https://swimlane.gitbooks.io/angular2-data-table/content/examples/basic.html

my
system-config.ts
...
// Apply the CLI SystemJS configuration.

System.config({
  map: {
    '@angular': 'vendor/@angular',
    'rxjs': 'vendor/rxjs',
    'main': 'app/main.js',
    'lodash': 'vendor/lodash',
    'angular2-data-table': 'vendor/angular2-data-table'
  },
  packages: cliSystemConfigPackages
});

and my angular-cli-build.js

// Angular-CLI build configuration
// This file lists all the node_modules files that will be used in a build
// Also see https://github.com/angular/angular-cli/wiki/3rd-party-libs

/* global require, module */

var Angular2App = require('angular-cli/lib/broccoli/angular2-app');

module.exports = function(defaults) {
  return new Angular2App(defaults, {
    vendorNpmFiles: [
      'systemjs/dist/system-polyfills.js',
      'systemjs/dist/system.src.js',
      'zone.js/dist/**/*.+(js|js.map)',
      'es6-shim/es6-shim.js',
      'reflect-metadata/**/*.+(ts|js|js.map)',
      'rxjs/**/*.+(js|js.map)',
      '@angular/**/*.+(js|js.map)',
      'lodash/*.+(js|js.map)',
      'lodash/**/*.+(js|js.map)',
      'angular2-data-table/*.+(js|js.map)',
      'angular2-data-table/**/*.+(js|js.map)'
    ]
  });
};

package.json:

  "devDependencies": {
    "angular-cli": "1.0.0-beta.10",
    "angular2-data-table": "^0.2.4",
    "angular2-datatable": "^0.4.2",
    "codelyzer": "0.0.20",
    "ember-cli-inject-live-reload": "1.4.0",
    "jasmine-core": "2.4.1",
    "jasmine-spec-reporter": "2.5.0",
    "karma": "0.13.22",
    "karma-chrome-launcher": "0.2.3",
    "karma-jasmine": "0.3.8",
    "lodash": "^4.15.0",
    "node-sass": "^3.8.0",
    "protractor": "3.3.0",
    "sass-lint": "^1.8.2",
    "ts-node": "0.5.5",
    "tslint": "3.11.0",
    "typescript": "1.8.10",
    "typings": "1.3.1"
  }

Using web-pack

Scroller ngOnDestroy Cannot read property 'removeEventListener' of undefined

` StackTrace

zone.js:260 Uncaught EXCEPTION: Error in ./DataTableBody class DataTableBody - inline template:5:6
ORIGINAL EXCEPTION: TypeError: Cannot read property 'removeEventListener' of undefined
ORIGINAL STACKTRACE:
TypeError: Cannot read property 'removeEventListener' of undefined
`

Scroller.ts ngOnDestroy add check method?
ngOnDestroy() {
this.parentElement.removeEventListener('scroll');
}

It was dealt with temporarily
TableOption include scrollbarV=true

    this.options= new TableOptions({
    headerHeight: 50,
    footerHeight: 50,
    rowHeight: 'auto',
    scrollbarV:true,
    columnMode: ColumnMode.force

Allow dynamic templates

It's currently not possible to have "dynamic" cell templates. Once rendered, the cell-template doesn't change anymore. It also doesn't "see" the context of its host component. E.g. something like this is not possible currently (where isEditing() can be triggered by e.g. a toggle in the host component):

  <template #tmpl let-row="row" let-value="value">
    <input *ngIf="isEditing()" [value]="value"/>
    <span *ngIf="!isEditing()">{{value}}</span>
  </template>

angular2-data-table.d.ts' is not a module. Please contact the package author to update the package definition

release/angular2-data-table.d.ts

line 483
add prefix keyword export is compile success

export declare module "angular2-data-table"

my environment is angular-cli

Data not rendering

Hello!

I'm having a problem where my data is show up blank in the table. The columns are displaying correctly, however. When using the dummy data in the documentation everything works, but when I switch to mine, no luck. I've console.logged both data sets and they are both arrays of objects. The datatable is using pagination and displays the correct count and number of pages. I'm importing a csv file and building the array that way. I thought it might have been spaces in the columns, but that wasn't the case.
<-- test data
https://files.gitter.im/swimlane/angular2-data-table/OSlA/blob
<--- mine

The code is straight from the docs. What's going on here? Thanks for the help!

How to use Twitter Bootstrap?

I've been using angular2-data-table with class "material" but anybody kwow how to I can use this library with Twitter Bootstrap? Thanks!

RxJS Support

Requirement

Add ability to pass RxJS results object and it operate async'ly.

Examples

Started inital here a while back: c897de8#diff-900094e743286cbc60f440b5753cbb6a

Virtual Scrolling

Search: do not display irrelevant results

Currently, when the name "ethel price" is typed on the example, Ethel Price comes in first position, followed by some rows that should not be here.

It is strange since the filter function works well, returning only the entries the table should display.

I would have thought that the

this.rows.splice(0, this.rows.length);

would remove all the lines before pushing the ones we want, but it seems there is some kind of cache involved.

`updateFilter(val) {
// remove existing
this.rows.splice(0, this.rows.length);

// filter our data
let temp = this.temp.filter(function(d) {
  return d.name.toLowerCase().indexOf(val) !== -1 || !val;
});
// here, the temp array is returning the correct values

// update the rows
this.rows.push(...temp);
// the strangest thing is that console.log(this.rows) has the same correct values as well!!

Support for Right-to-left languages

Is there any plan to support direction="rtl"?

Main issues currently revolve around the column headers:

Scrolling makes them disappear, or "slide" to the left
Resizing, reordering is not possible
and more...

I might try to take this on myself and supply a PR but not sure when I can get around to it.

Integration with Angular-cli

How Will I integrate this angular2-data-Table with angular-cli ? Can you please show me a roadmap ?

Production running Error　Can't bind to 'row' since it isn't a known property of 'datatable-body-row

my Environment angular-cli

develop build is running success
but production build at running error

stack trace

Can't bind to 'row' since it isn't a known property of 'datatable-body-row'.

If 'datatable-body-row' is an Angular component and it has 'row' input, then verify that it is part of this module.
If 'datatable-body-row' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schema' of this component to suppress this message.
(" (click)="rowClicked($event, i, row)"
(keydown)="rowKeydown($event, i, row)"
[ERROR ->][row]="row">

Spacing of Table Headers

I have found when you have many columns > 10 that the headers for the columns overflow the header. I have scrollbarH on as well, expecting it to allow scrolling over to those off the page columns.

Table header elements order

Ordering the columns by dragging the last element to the first place you loose the column and get a duplicated column.

before:

after:

Column header don't move when do horizontal scroll on table body.

Column header don't move when do horizontal scroll on table body. I testing on 0.1.14 version.

Ignore case in sorts options

I've got curator.fullName field and map sort result to URL with format CURATOR.FULLNAME_DESC. On page load I read this value and configure sorts option and it doesn't work because data-table is case sensitive. Can you ignore case?

modify template column

After setting the columns (TableColumn) from code the custom templates got lost. ie:

 <datatable-column name="Details" prop="id">
  <template let-value="value">
    <a [linkTo]="'/detail/' + value">Details</a>
   </template>
</datatable-column>

Anchor lost after toggling the column, based on mixing demos toggle and template.

Book iframe gistrun

Hi,
Demo sample code don't work with the iframe (Chrome Version 50.0.2661.86 (64-bit))
:

https://swimlane.gitbooks.io/angular2-data-table/content/examples/paging.html

However it works fine on firefox

are the demos up to date? they are not working on osx 10.5 chrome 52

are the demos up to date? they are not working on osx 10.5 chrome 52
Version 52.0.2743.116 (64-bit)

on https://swimlane.gitbooks.io/angular2-data-table/content/examples/expressive.html#
Instead of a table I just get an image that says 'gist run'

LongPress: too many params to this.loop() call

https://github.com/swimlane/angular2-data-table/blob/master/src/directives/LongPress.ts#L48

passes too many parameters to this.loop() (2 instead of 1).

missing module

When I import the datatable I got this error with typescript 2.0.0.
Error TS2307: Cannot find module 'angular2-data-table'.

Tree Grid

Error while running install:global

I was able to successfully install angular2-data-table using npm but ran into problem while executing npm run install:global command. Below is the error report.

I would also like to mention that I tried running this command since importing angular2-data-table was throwing error saying this module is not found.Any help would be immensely useful.
Thanks in advance.

npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs
node_modules\npm\bin\npm-cli.js" "install" "npm-run-all" "rollup" "module-hea
der" "postcss" "npm-check" "-g"
npm ERR! node v6.2.2
npm ERR! npm v3.9.5
npm ERR! path C:\Users\Admin\AppData\Roaming\npm\node_modules\module-header
npm ERR! code EPERM
npm ERR! errno -4048
npm ERR! syscall rename

npm ERR! Error: EPERM: operation not permitted, rename 'C:\Users\Admin\AppData\R
oaming\npm\node_modules\module-header' -> 'C:\Users\Admin\AppData\Roaming\npm\no
de_modules.module-header.DELETE'
npm ERR! at moveAway (C:\Program Files\nodejs\node_modules\npm\lib\install\a
ction\finalize.js:38:5)
npm ERR! at destStatted (C:\Program Files\nodejs\node_modules\npm\lib\instal
l\action\finalize.js:27:7)
npm ERR! at FSReqWrap.oncomplete (fs.js:117:15)
npm ERR!
npm ERR! Error: EPERM: operation not permitted, rename 'C:\Users\Admin\AppData\R
oaming\npm\node_modules\module-header' -> 'C:\Users\Admin\AppData\Roaming\npm\no
de_modules.module-header.DELETE'
npm ERR! at Error (native)
npm ERR! Error: EPERM: operation not permitted, rename 'C:\Users\Admin\AppData
Roaming\npm\node_modules\module-header' -> 'C:\Users\Admin\AppData\Roaming\npm\n
ode_modules.module-header.DELETE'
npm ERR! at moveAway (C:\Program Files\nodejs\node_modules\npm\lib\install\a
ction\finalize.js:38:5)
npm ERR! at destStatted (C:\Program Files\nodejs\node_modules\npm\lib\instal
l\action\finalize.js:27:7)
npm ERR! at FSReqWrap.oncomplete (fs.js:117:15)
npm ERR!
npm ERR! Error: EPERM: operation not permitted, rename 'C:\Users\Admin\AppData\R
oaming\npm\node_modules\module-header' -> 'C:\Users\Admin\AppData\Roaming\npm\no
de_modules.module-header.DELETE'
npm ERR! at Error (native)
npm ERR!
npm ERR! Please try running this command again as root/Administrator.

npm ERR! Please include the following file with any support request:
npm ERR! C:\apache-tomcat-7.0.59\webapps\angular-workspace\src\main\webapp\c
lient\node_modules\angular2-data-table\npm-debug.log

npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs
node_modules\npm\bin\npm-cli.js" "run" "install:global"
npm ERR! node v6.2.2
npm ERR! npm v3.9.5
npm ERR! code ELIFECYCLE
npm ERR! [email protected] install:global: npm install npm-run-all rol lup module-header postcss npm-check -g
npm ERR! Exit status 4294963248
npm ERR!
npm ERR! Failed at the [email protected] install:global script 'npm ins
tall npm-run-all rollup module-header postcss npm-check -g'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the angular2-data-table p
ackage,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! npm install npm-run-all rollup module-header postcss npm-check -g
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs angular2-data-table
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls angular2-data-table
npm ERR! There is likely additional logging output above.