ngx-datatable
✨ A feature-rich yet lightweight data-table crafted for Angular
A feature-rich Angular table component for displaying large datasets with sorting, pagination, virtual scrolling, column pinning, and row expansion, no external dependencies beyond Angular itself.
ngx-datatable is an Angular component for displaying tables of data in web applications. Angular is a popular framework for building web apps, and components like this one give developers a ready-made table with advanced features so they do not need to build one from scratch. The library has no external dependencies beyond Angular itself, keeping the bundle size small.
The component is designed to handle large datasets by using a virtual DOM approach, meaning it only renders the rows currently visible on screen rather than loading everything at once. This keeps the interface fast when working with thousands of rows.
Feature-wise, it covers the standard needs for a data table: sorting, pagination, column resizing, and column reordering. Rows and cells can be selected individually, in multiple groups, via keyboard, or via checkboxes. Columns can be pinned to the left or right so they stay visible while scrolling horizontally. Rows can be expanded to show a detail view. Both fixed-height and fluid-height layouts are supported.
The table separates its visual style from its logic. It ships with a Google Material theme included, but the theming is designed to be replaced if you want a different look.
Installation is through npm with a single command. The project includes a documentation site and a live demos page. It is maintained by Swimlane, a company that builds security operations software, and was released as open source as part of their policy of sharing internal tooling with the broader development community. The README includes a step-by-step release process checklist for contributors.
Where it fits
- Add a high-performance sortable and paginated data table to your Angular app with a single npm install.
- Display thousands of rows smoothly using virtual scrolling that only renders the rows currently visible on screen.
- Build a table with pinned columns, row expansion, and multi-select checkboxes for a data management UI.
- Replace an existing Angular table with ngx-datatable to get column resizing and reordering out of the box.