布林图姆网格企业
Bryntum Grid是一个高性能的JavaScript数据网格组件. 它与React,Vue,Angular,或平地香草JS顺利融合.
关于所有特性的更多信息,请访问 布林图姆网格站点。 。 。 .
等级
每艘布林图姆产品船分三级. 阶梯是包名的一部分.
| 级别 | 软件包 | 包含 |
|---|---|---|
| 社区 | @bryntum/grid-community | 免费功能集 |
| 商业 | @bryntum/grid-business | 社区加特许经营特征 |
| 企业 | @bryntum/grid-enterprise | 每个特点 |
我需要哪个级别? 您的级别必须持有您使用的每一个特性 。 企业拥有所有特性,包括 晚点再加的 见 每级特征 以下或 特性可用性指南。 。 。 .
在一个应用程序中使用一层。 同一产品的两层安装了两版布林图姆核心, 打破主题、地方和共享状态.
安装
npm install @bryntum/grid-enterprise
软件包宣布其Bryntum依赖性,所以 npm 为你安装它们.
使用
添加元素为 id="app" 和页面的高度,然后使组件进入其中:
import { Grid } from '@bryntum/grid-enterprise';
new Grid({
appendTo : 'app',
columns : [
{ text : 'Name', field : 'name', flex : 1 },
{ text : 'City', field : 'city', flex : 1 }
],
data : [
{ id : 1, name : 'Don A Taylor', city : 'Moscow' },
{ id : 2, name : 'John B Adams', city : 'Paris' }
]
});
见 Java 脚本快速启动 是一个完整的设置.
套件只输出自己的类. 从该产品中导入另一类产品
软件包,将软件包添加到您的 package.json ,并导入
你所配置的每个产品.
支助科
grid.css 持有布林图姆网的规则 以及它所依赖的每个产品 导入它和一个主题, 带走
从您使用的最高产品水平的包。 Font Cousin 6图标出自"核心"包. 离开他们
替换图标时退出 :
/* Font Awesome icons (optional) */
@import '@bryntum/core-enterprise/fontawesome/css/fontawesome.css';
@import '@bryntum/core-enterprise/fontawesome/css/solid.css';
/* Structural CSS */
@import '@bryntum/grid-enterprise/grid.css';
/* Theme */
@import '@bryntum/grid-enterprise/svalbard.css';
当应用程序结合了几个Bryntum产品时,则导入薄样式表: core.thin.css 编辑
<name>.thin.css 用于您使用的每个产品级别,每个产品来自其自己的包装。 然后导入一个主题,取自
您使用的最高产品级别软件包 :
/* Font Awesome icons (optional) */
@import '@bryntum/core-enterprise/fontawesome/css/fontawesome.css';
@import '@bryntum/core-enterprise/fontawesome/css/solid.css';
/* Structural CSS */
@import '@bryntum/core-enterprise/core.thin.css';
@import '@bryntum/grid-enterprise/grid.thin.css';
/* Theme */
@import '@bryntum/grid-enterprise/svalbard.css';
网格是在Core上建造的. 要将Grid和另一个产品结合起来,请添加该产品和每个产品的薄样式表
其基础尚未列入清单: scheduler.thin.css 为排程器, scheduler.thin.css 财务报告和审定财务报表
gantt.thin.css 为甘特, scheduler.thin.css 财务报告和审定财务报表 calendar.thin.css 日历, taskboard.thin.css 页:1
任务包 从最高产品级别包中取出主题, 例如 @bryntum/calendar-enterprise 页:1
以日历为网格.
只装入一个主题 。 一页中两个主题争夺相同的变量.
框架包装
| 框架 | 软件包 | 指南 |
|---|---|---|
| 反应 | @bryntum/grid-react-enterprise | 快速启动 |
| 角质 | @bryntum/grid-angular-enterprise | 快速启动 |
| 阴道 | @bryntum/grid-vue-enterprise | 快速开始 |
每级特征
每个层次都有一个特征。 未列出视图、部件、列、型号和仓库.
| 特性 | 社区 | 商业 | 企业 |
|---|---|---|---|
AI | —— 说 | —— 说 | ✓ |
CellCopyPaste | —— 说 | ✓ | ✓ |
CellEdit | ✓ | ✓ | ✓ |
CellMenu | ✓ | ✓ | ✓ |
CellTooltip | —— 说 | ✓ | ✓ |
Charts | —— 说 | —— 说 | ✓ |
ColumnAutoWidth | ✓ | ✓ | ✓ |
ColumnDragToolbar | —— 说 | ✓ | ✓ |
ColumnPicker | ✓ | ✓ | ✓ |
ColumnRename | —— 说 | ✓ | ✓ |
ColumnReorder | ✓ | ✓ | ✓ |
ColumnResize | ✓ | ✓ | ✓ |
FillHandle | —— 说 | —— 说 | ✓ |
Filter | —— 说 | ✓ | ✓ |
FilterBar | ✓ | ✓ | ✓ |
Group | —— 说 | ✓ | ✓ |
GroupSummary | —— 说 | —— 说 | ✓ |
HeaderMenu | ✓ | ✓ | ✓ |
LockRows | —— 说 | —— 说 | ✓ |
MergeCells | —— 说 | —— 说 | ✓ |
PdfExport | —— 说 | —— 说 | ✓ |
PinColumns | —— 说 | ✓ | ✓ |
Print | —— 说 | —— 说 | ✓ |
QuickFind | ✓ | ✓ | ✓ |
RegionResize | ✓ | ✓ | ✓ |
RowCopyPaste | —— 说 | ✓ | ✓ |
RowEdit | —— 说 | —— 说 | ✓ |
RowExpander | —— 说 | —— 说 | ✓ |
RowReorder | —— 说 | —— 说 | ✓ |
RowResize | —— 说 | —— 说 | ✓ |
Search | ✓ | ✓ | ✓ |
Sort | ✓ | ✓ | ✓ |
Split | —— 说 | —— 说 | ✓ |
StickyCells | —— 说 | ✓ | ✓ |
Stripe | ✓ | ✓ | ✓ |
Summary | —— 说 | —— 说 | ✓ |
Tree | ✓ | ✓ | ✓ |
TreeGroup | —— 说 | ✓ | ✓ |
AI 编码助理
这个包裹船 CLAUDE.md 财务报告和审定财务报表 AGENTS.md 带有AI编码代理的注释. 对于被禁用,版本正确的答案,
连接 Bryntum MCP 服务器 并安装
Bryntum 代理技能。 。 。 .
链接
许可证和版权
Bryntum Grid的企业级拥有商业许可证。 Bryntum Grid 以试验模式运行,直到您注册 许可证密钥。 见 Bryntum Grid 终端用户许可证 全文 执照.
版权所有"2009-2026",布林图姆. 版权所有.