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

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
swimlane avatar

swimlane/ngx-datatable

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

Ngx Datatable

ngx-datatable es un componente de tabla de datos rico en funciones para aplicaciones Angular diseñado para mostrar y gestionar grandes conjuntos de datos. Funciona como una cuadrícula de datos personalizable que admite ordenamiento, paginación y el uso de plantillas de Angular personalizadas para dar estilo a las celdas de datos.

El componente se distingue por su cuadrícula de desplazamiento virtual de alto rendimiento, que renderiza solo las filas visibles para optimizar el uso de memoria y CPU. Proporciona una interfaz interactiva para gestionar datos mediante selección de filas, reordenamiento de columnas y vistas de detalle expandibles.

El proyecto cubre un amplio conjunto de capacidades, incluyendo gestión de columnas para fijar y redimensionar, ordenamiento de múltiples columnas e integración del lado del servidor para la obtención remota de datos. También incluye personalizaciones a nivel de fila como estilos dinámicos, componentes de fila personalizados y modos de selección flexibles. Las características de utilidad adicionales incluyen la localización de mensajes de tabla y la aplicación de temas personalizados mediante 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.

Historial de estrellas

Gráfico del historial de estrellas de swimlane/ngx-datatableGráfico del historial de estrellas de swimlane/ngx-datatable

Búsqueda con IA

Explora más repositorios increíbles

Describe lo que necesitas en lenguaje sencillo: la IA clasifica miles de proyectos open-source curados por relevancia.

Start searching with AI

Alternativas open-source a Ngx Datatable

Proyectos open-source similares, clasificados según cuántas características comparten con Ngx Datatable.
  • olifolkerd/tabulatorAvatar de olifolkerd

    olifolkerd/tabulator

    7,550Ver en 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
    Ver en GitHub↗7,550
  • wenzhixin/bootstrap-tableAvatar de wenzhixin

    wenzhixin/bootstrap-table

    11,820Ver en 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
    Ver en GitHub↗11,820
  • react-component/tableAvatar de react-component

    react-component/table

    1,372Ver en 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
    Ver en GitHub↗1,372
  • alibaba/ali-react-tableAvatar de alibaba

    alibaba/ali-react-table

    979Ver en 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
    Ver en GitHub↗979
Ver las 30 alternativas a Ngx Datatable→

Preguntas frecuentes

¿Qué hace swimlane/ngx-datatable?

ngx-datatable es un componente de tabla de datos rico en funciones para aplicaciones Angular diseñado para mostrar y gestionar grandes conjuntos de datos. Funciona como una cuadrícula de datos personalizable que admite ordenamiento, paginación y el uso de plantillas de Angular personalizadas para dar estilo a las celdas de datos.

¿Cuáles son las características principales de swimlane/ngx-datatable?

Las características principales de swimlane/ngx-datatable son: List Virtualization, Virtual Scrolling Utilities, Row Index Identification, Flexible Grid Layouts, Data Table Customizations, Custom Column Templates, Table Selection Interfaces, Data Grid Customization.

¿Qué alternativas de código abierto existen para swimlane/ngx-datatable?

Las alternativas de código abierto para swimlane/ngx-datatable incluyen: 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…