awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectAboutHow we rankPressMCP server
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
swimlane avatar

swimlane/ngx-datatable

0
View on GitHub↗
4,671 stars·1,673 forks·TypeScript·MIT·6 viewsswimlane.github.io/ngx-datatable↗

Ngx Datatable

ngx-datatable is a feature-rich data table component for Angular applications designed to display and manage large datasets. It functions as a customizable data grid that supports sorting, pagination, and the use of custom Angular templates for styling data cells.

The component is distinguished by its high-performance virtual scrolling grid, which renders only visible rows to optimize memory and CPU usage. It provides an interactive interface for managing data through row selection, column reordering, and expandable detail views.

The project covers a broad set of capabilities including column management for pinning and resizing, multi-column sorting, and server-side integration for remote data fetching. It also includes row-level customizations such as dynamic styling, custom row components, and flexible selection modes. Additional utility features include table message localization and custom theme application via CSS.

Features

  • List Virtualization - Implements a high-performance virtual scrolling grid that renders only visible rows to optimize memory and CPU usage.
  • Virtual Scrolling Utilities - Renders only the visible portion of large datasets to optimize memory and CPU usage.
  • Row Index Identification - Assigns unique identifiers to rows to maintain their correct position and state during virtual rendering.
  • Flexible Grid Layouts - Renders complex, large-scale datasets in a flexible grid format tailored for Angular applications.
  • Data Table Customizations - Provides comprehensive tools for defining custom cell templates, expandable row details, and dynamic styling to tailor data displays.
  • Custom Column Templates - Provides a framework for defining custom markup and templates for headers and cells within the grid.
  • Table Selection Interfaces - Implements a user interface for managing data through row selection, column reordering, and expandable detail views.
  • Data Grid Customization - Provides a flexible UI element for sorting, paginating, and styling data cells via custom Angular templates.
  • Custom Cell Styling - Allows developers to define custom HTML and logic within individual cells using Angular templates.
  • Template-Based Markup - Renders custom markup within body and header cells using templates or transformation pipes.
  • Table Scrolling Controls - Provides native vertical and horizontal scrolling controls to navigate datasets that exceed the screen dimensions.
  • Interactive Data Grid Manipulations - Enables users to interactively manipulate the data view through column resizing, reordering, and selection workflows.
  • Virtualized Variable-Height Items - Sets fixed or dynamic row heights to enable accurate position calculations for virtual scrolling.
  • Scroll-Offset Tracking - Tracks scroll offset coordinates to synchronize the visible viewport with the data source during virtualization.
  • Row Selection Interfaces - Provides the UI mechanisms for identifying one or more rows for bulk actions via checkboxes or clicks.
  • Virtualized Data Grids - Provides a high-performance virtualized grid that renders only visible rows to optimize memory and CPU usage.
  • Angular Grid Components - Provides a feature-rich tabular data component specifically built for the Angular framework.
  • Hybrid Pagination Strategies - Implements logic that toggles between client-side data slicing and server-side API requests.
  • Hybrid Sorting and Pagination Logic - Processes data ordering and page breaks using either client-side logic or server-side requests.
  • Row Styling - Allows applying conditional CSS classes and custom directives to rows based on their data values.
  • Table Column Sizing - Provides configurable sizing modes to distribute column widths dynamically across the grid.
  • Custom Row Wrappers - Allows wrapping row content in custom Angular components to change the visual display of data.
  • Column Pinning - Allows pinning specific columns to keep them visible during horizontal scrolling.
  • Column Reordering - Enables users to drag and drop columns to change their horizontal sequence.
  • Grid Column Management - Provides comprehensive controls for manual resizing, dragging for reordering, and freezing columns.
  • Row Detail Expansion - Provides the ability for rows to unfold and reveal additional nested content with adjustable heights.
  • Manual Column Resizing - Tracks and applies changes to column widths as users manually adjust grid borders.
  • Interaction Detection - Detects and responds to user input events such as clicks and focus on cells and rows.
  • Custom Sort Comparators - Supports pluggable comparison functions to order data based on complex or non-standard data types.
  • Multi-Select Inputs - Supports highlighting multiple entries using checkboxes, keyboard shortcuts, and mouse interactions.
  • Pagination State Providers - Handles the transition between data pages using internal logic or external paging controllers.
  • Selection Mode Configurations - Provides configurable selection modes including single, multiple, cell, and checkbox selection for data rows.
  • Render Optimization - Reduces computational overhead by updating the user interface only when data object references change.
  • Server-Side Data Processing - Supports offloading pagination, sorting, and data fetching to remote server APIs for efficient large-scale data management.
  • Multi-Column Sorting - Supports ordering data using sequences of multiple fields and directions.
  • Component Libraries - Lightweight and feature-rich data table component.

Star history

Star history chart for swimlane/ngx-datatableStar history chart for swimlane/ngx-datatable

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to Ngx Datatable

Similar open-source projects, ranked by how many features they share with Ngx Datatable.
  • olifolkerd/tabulatorolifolkerd avatar

    olifolkerd/tabulator

    7,550View on GitHub↗

    Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from JSON or arrays. It functions as a hierarchical data viewer and a spreadsheet interface component, capable of rendering thousands of records efficiently through viewport-based virtualization and progressive loading. The library distinguishes itself by providing a full spreadsheet interface mode with multi-sheet management, cell range selection, and bulk copy-paste capabilities. It supports complex data architectures, including nested data field mapping, expandable tree structure

    JavaScriptajaxcdnjsdata
    View on GitHub↗7,550
  • wenzhixin/bootstrap-tablewenzhixin avatar

    wenzhixin/bootstrap-table

    11,820View on GitHub↗

    Bootstrap Table is a jQuery plugin for rendering interactive data grids with sorting, pagination, and filtering. It features a remote data integration system for fetching and synchronizing content from JSON endpoints using AJAX and server-side processing. The project includes a styling layer that adapts markup to work with various CSS frameworks, such as Bootstrap, Semantic UI, Bulma, and Material Design. It provides specialized rendering modes, including a hierarchical tree grid for parent-child row relationships and a responsive card-view table that transforms grids into mobile-friendly lay

    JavaScriptbootstrapbootstrap-tablebulma
    View on GitHub↗11,820
  • react-component/tablereact-component avatar

    react-component/table

    1,372View on GitHub↗

    This library is a React component designed for rendering high-performance data grids. It provides a structured framework for displaying large datasets by utilizing window-based row virtualization, which ensures that only the visible portion of the data is rendered to the document object model. The component distinguishes itself through advanced layout and navigation capabilities, including native support for sticky headers and columns that remain anchored during scrolling. Developers can exercise imperative control over the table viewport to navigate to specific indices or pixel offsets, whil

    TypeScript
    View on GitHub↗1,372
  • alibaba/ali-react-tablealibaba avatar

    alibaba/ali-react-table

    979View on GitHub↗

    This library is a high-performance data grid component for React applications, designed to manage and display large datasets. It provides a declarative configuration system that allows developers to define table structures, data sources, and feature toggles through a structured object schema. The library distinguishes itself through a flexible layout engine that supports complex UI requirements, such as pinning headers and specific columns to viewport edges during scrolling. It utilizes virtualized rendering to maintain interface responsiveness by displaying only the visible subset of data, e

    TypeScriptreactreact-tabletable
    View on GitHub↗979
See all 30 alternatives to Ngx Datatable→

Frequently asked questions

What does swimlane/ngx-datatable do?

ngx-datatable is a feature-rich data table component for Angular applications designed to display and manage large datasets. It functions as a customizable data grid that supports sorting, pagination, and the use of custom Angular templates for styling data cells.

What are the main features of swimlane/ngx-datatable?

The main features of swimlane/ngx-datatable are: List Virtualization, Virtual Scrolling Utilities, Row Index Identification, Flexible Grid Layouts, Data Table Customizations, Custom Column Templates, Table Selection Interfaces, Data Grid Customization.

What are some open-source alternatives to swimlane/ngx-datatable?

Open-source alternatives to swimlane/ngx-datatable include: olifolkerd/tabulator — Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from… wenzhixin/bootstrap-table — Bootstrap Table is a jQuery plugin for rendering interactive data grids with sorting, pagination, and filtering. It… react-component/table — This library is a React component designed for rendering high-performance data grids. It provides a structured… alibaba/ali-react-table — This library is a high-performance data grid component for React applications, designed to manage and display large… comcast/react-data-grid — react-data-grid is a high-performance table component for React designed to render large datasets using… glideapps/glide-data-grid — Glide Data Grid is a virtualized data grid for React and TypeScript that uses the HTML Canvas API to render millions…