@dzgrid/dom

中文文档
1.11.0发布于 2026/11/11MITTypeScriptES Module零依赖近 30 天下载 2361

浏览器中的 DzGrid:虚拟化的行和列,被固定的列,从右到左,键盘和屏幕阅读器. 没有框架,没有依赖.

中文使用文档
文档目录3 节
  1. 安装
  2. 第一个网格
  3. 文档

翻译:

兹格里德 在浏览器中,没有框架:虚拟行和列, 被绑定的列,从右到左,键盘和屏幕读取器(WAI-ARIA网格),编辑,单元格块 剪贴板,填充柄。 没有运行时间依赖性;每个特性都是自己的条目并只在使用时加载.

安装

npm install @dzgrid/core @dzgrid/dom @dzgrid/theme

可选的同龄人,仅用于使用它们的特性: @tzslot/core 财务报告和审定财务报表 @tzslot/dom (日期过滤器和日期) 编辑, gsap (单位:千美元) @dzgrid/dom/motion-gsap ) (中文(简体) ). GSAP从不捆绑;它属于自己的许可证.

建造时需要 导入时 @dzgrid/dom/editors 或者说 @dzgrid/dom/filters,即使没有日期栏: 他们的日期代码由 import(),而你的捆绑者解决每一个 import() 当它建立。 无 @tzslot/* 编辑器 @dzgrid/dom/editors-base (同样的) editors()日字和即时字段 只通过日历 loadCalendar和过滤器 @dzgrid/dom/filters-base (同样的) filters(),没有 日期表单:一天或一行获得一个 missing-feature 警告,除非 loadDates (已给出).

第一个网格

import { createGrid } from '@dzgrid/dom';
import { FR } from '@dzgrid/dom/locales/fr';
import '@dzgrid/theme/dzgrid.css';

type Patient = { id: string; name: string; born: string };

createGrid<Patient>(document.getElementById('grid')!, {
  rows: [{ id: '1', name: 'Amina', born: '1990-04-12' }],
  getRowId: (p) => p.id,
  columns: [
    { id: 'name', header: 'Nom', pinned: 'start' },
    { id: 'born', header: 'Naissance', type: 'day' },
  ],
  messages: FR,
  locale: 'fr-FR',
});

文档

  • 文献网站: 开始,每个任务一个向导,有活电网(英语和法语).
  • llms.txt 在此软件包中:一个语言模型的站点索引(一个文件中的每个页面): llms-full.txt 页:1.
  • 该项目的README:每入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入入出出出出出出出出出出出出出入入入入入入入入入出出出出出出出出出出出出出出出出出出出出出出出出出出入入入入入入入入入入入入入出出出出出出出出出出出出出出出入入入入入入入入入入入入入入入入出出出出出出出出出出出出出出出出出出出出出出出出出出出出.
  • 行为表: 一种行为, 及其测试.
  • 更改日志。 。 。 .

麻省理工学院执照.

版本与发布记录

@dzgrid/dom 共发布 13 个版本,首次发布于 2026/10/28;过去 12 个月发布了 13 个版本。

版本发布日期距今
1.11.0latest2026/11/111 天前
1.10.02026/11/102 天前
1.9.02026/11/103 天前
1.8.02026/11/094 天前
1.7.02026/11/085 天前
1.6.02026/11/067 天前

关于 @dzgrid/dom 的常见问题

@dzgrid/dom 是什么?

浏览器中的 DzGrid:虚拟化的行和列,被固定的列,从右到左,键盘和屏幕阅读器. 没有框架,没有依赖.

如何安装 @dzgrid/dom?

在项目目录运行 npm install @dzgrid/dom,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:@dzgrid/core(^1.11.0)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。

@dzgrid/dom 支持 TypeScript 吗?

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

@dzgrid/dom 支持 ESM 还是 CommonJS?

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

@dzgrid/dom 需要什么版本的 Node.js?

package.json 的 engines 字段要求 Node.js >=22。版本不符时 npm 默认只给出警告,开启 engine-strict 后会拒绝安装。

@dzgrid/dom 可以商用吗?

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

@dzgrid/dom 的下载量有多少?

根据 npm 官方下载统计,@dzgrid/dom 在 2026/10/13 – 2026/11/11 这 30 天内被下载 2,361 次,日均约 79 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@dzgrid/dom 还在维护吗?

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