awesome-repositories.com
博客
MCP
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目关于排名机制媒体报道MCP 服务器
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
swimlane avatar

swimlane/ngx-datatable

0
View on GitHub↗
4,671 星标·1,673 分支·TypeScript·MIT·6 次浏览swimlane.github.io/ngx-datatable↗

Ngx Datatable

ngx-datatable 是一个功能丰富的 Angular 应用程序数据表格组件,旨在显示和管理大型数据集。它作为一个可定制的数据网格,支持排序、分页,并使用自定义 Angular 模板来设置数据单元格样式。

该组件的特色在于其高性能的虚拟滚动网格,仅渲染可见行以优化内存和 CPU 使用。它提供了一个交互式界面,通过行选择、列重排和可展开的详细视图来管理数据。

该项目涵盖了广泛的能力,包括用于固定和调整列宽的列管理、多列排序,以及用于远程数据获取的服务端集成。它还包括行级定制,如动态样式、自定义行组件和灵活的选择模式。其他实用功能包括表格消息本地化和通过 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 历史

swimlane/ngx-datatable 的 Star 历史图表swimlane/ngx-datatable 的 Star 历史图表

AI 搜索

探索更多 awesome 仓库

用简单的语言描述您的需求 —— AI 将根据相关性为您从数千个精选开源项目中进行排序。

Start searching with AI

常见问题解答

swimlane/ngx-datatable 是做什么的?

ngx-datatable 是一个功能丰富的 Angular 应用程序数据表格组件,旨在显示和管理大型数据集。它作为一个可定制的数据网格,支持排序、分页,并使用自定义 Angular 模板来设置数据单元格样式。

swimlane/ngx-datatable 的主要功能有哪些?

swimlane/ngx-datatable 的主要功能包括:List Virtualization, Virtual Scrolling Utilities, Row Index Identification, Flexible Grid Layouts, Data Table Customizations, Custom Column Templates, Table Selection Interfaces, Data Grid Customization。

swimlane/ngx-datatable 有哪些开源替代品?

swimlane/ngx-datatable 的开源替代品包括: 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…

Ngx Datatable 的开源替代方案

相似的开源项目,按与 Ngx Datatable 的功能重合度排序。
  • olifolkerd/tabulatorolifolkerd 的头像

    olifolkerd/tabulator

    7,550在 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
    在 GitHub 上查看↗7,550
  • wenzhixin/bootstrap-tablewenzhixin 的头像

    wenzhixin/bootstrap-table

    11,820在 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
    在 GitHub 上查看↗11,820
  • react-component/tablereact-component 的头像

    react-component/table

    1,372在 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
    在 GitHub 上查看↗1,372
  • alibaba/ali-react-tablealibaba 的头像

    alibaba/ali-react-table

    979在 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
    在 GitHub 上查看↗979
查看 Ngx Datatable 的所有 30 个替代方案→