@olifyio/ngx-datatable NPM

@olifyio/ngx-datatable

Unofficial fork of @swimlane/ngx-datatable with bugfixes and some extra features.

Feature: exposed new column state API (saving/restoring, etc.)
Feature: custom template for empty data message
Feature: added 'visible' column property on TableColumn for toggling its visibility
Fix: multiple bugs in column resizing behavior
Fix: gap after last column if using scrollbarV="true" (when scrollbar appears if it was previously hidden)
Fix: glitching column resizing when pushed to table edges
Fix: correct table recalculation on component resizing (not just window:resize)
Fix: recalculate on Input changes (rowHeight, columnMode, etc.)
Fix: change detection not triggered on body scroll (rows not being rendered when using virtual scroll)
Fix: body's internal offset not reset when scroller gets recreated
Improvement: columns now re-render immediately when resizing
Improvement: columns in 'force' mode now resize proportionally to their original width
Improvement: performance optimizations

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.