@siemens/ngx-datatable

中文文档
27.1.0发布于 2026/09/22MITTypeScriptES Module构建来源已验证

ngx-datatable是一个Angular表格网格组件,用于呈现大型复杂数据。

中文使用文档
文档目录3 节
  1. 功能
  2. 安装
  3. 学分

ngx-datatable

Join the chat at https://gitter.im/siemens/ngx-datatable Maintainability Code Coverage npm version npm downloads Try out in StackBlitz

注意: 的一个分支 swimlane/ngx-datatable 我们进一步维护的错误修复和新功能,由于 大量未打开的拉取请求积压。

ngx-datatable 是一个用于呈现大型复杂数据的Angular组件。它具有您期望从任何其他表中获得的所有功能,但在一个轻量级软件包中 无外部依赖. 桌子被设计得非常灵活和轻便;它不会对您的数据或您如何过滤、排序或页面进行任何假设。

它是为现代浏览器而构建的 TypeScript, CSS3和HTML5 和角 8.0.0. 这是。的姊妹项目 angular-data-table 它是为Angular 1.x设计的。

请查看 文档 & 演示 了解更多信息!

看到 更新日志 查看最近的变化。

功能

  • 处理大型数据集(虚拟DOM)
  • 表达头和单元格模板
  • 水平和垂直滚动
  • 列重新排序和调整大小
  • 客户端/服务器端分页和排序
  • 智能列宽度算法(强制填充和灵活增长)
  • 集成寻呼机
  • 单元格和行选择(单个,多个,键盘,复选框)
  • 固定和流体高度
  • 左右柱固定
  • 行详细信息视图
  • 解耦主题,包括谷歌材料主题
  • 轻代码库/没有外部依赖
  • AoT编译支持
  • 普遍的支持

安装

要在项目中使用ngx-datatable,请通过 npm:

npm i @siemens/ngx-datatable --save

学分

ngx-datatable 是一个 泳道 开源项目;我们相信通过分享我们为我们的应用程序构建的一些项目来回馈开源社区。Swimlane是一个自动化的网络安全操作和事件响应平台,使网络安全团队能够利用威胁情报,加速事件响应并自动化安全操作。

SecOps中心 是一个开放的、与产品无关的在线社区,供安全专业人员共享想法、用例、最佳实践和事件响应策略。

版本与发布记录

@siemens/ngx-datatable 共发布 50 个版本,首次发布于 2021/09/07;过去 12 个月发布了 12 个版本。最新版本附带 npm provenance 构建来源证明,可追溯到公开的 CI 构建记录。

版本发布日期距今
27.1.0latest2026/09/221 个月前
26.2.2release-26.x2026/08/262 个月前
27.0.32026/08/262 个月前
27.0.22026/08/112 个月前
27.0.12026/08/062 个月前
27.0.02026/07/243 个月前

其他发布通道:v21-3 → 21.3.2,next → 23.0.0-rc.2,v22-4 → 22.4.2,release-26.x → 26.2.2。

关于 @siemens/ngx-datatable 的常见问题

@siemens/ngx-datatable 是什么?

ngx-datatable是一个Angular表格网格组件,用于呈现大型复杂数据。

如何安装 @siemens/ngx-datatable?

在项目目录运行 npm install @siemens/ngx-datatable,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:rxjs(^7.8.1)、@angular/core(>=22.0.0)、@angular/common(>=22.0.0)、@angular/platform-browser(>=22.0.0)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。

@siemens/ngx-datatable 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@siemens/ngx-datatable 支持 ESM 还是 CommonJS?

以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。

@siemens/ngx-datatable 可以商用吗?

@siemens/ngx-datatable 使用 MIT 许可。宽松许可:允许商业使用、修改和再分发,通常只需在分发时保留原版权与许可声明。以上为概括,不构成法律意见,请以许可原文为准。

@siemens/ngx-datatable 还在维护吗?

最新版本 27.1.0 发布于 2026/09/22(1 个月前);至今共发布 50 个版本,其中过去 12 个月发布了 12 个;首次发布于 2021/09/07。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。