@freegridjs/ angular (英语)
角组件 免费Grid. 独立工作,不论有无区.js(Angular 17+).
npm i @freegridjs/core @freegridjs/angular
import { Component } from '@angular/core';
import { FreeGridComponent } from '@freegridjs/angular';
import type { GridApi } from '@freegridjs/core';
@Component({
selector: 'app-orders',
standalone: true,
imports: [FreeGridComponent],
template: `
<free-grid [columns]="columns" [data]="rows" rowSelection="multiple" [height]="480"
(ready)="api = $event" (cellClick)="open($event.row)" />
`,
})
export class OrdersComponent {
columns = [{ field: 'name' }, { field: 'qty', type: 'number' }];
rows = [{ name: 'Pen', qty: 3 }];
api?: GridApi;
open(row: unknown) { console.log(row); }
}
添加 @import '@freegridjs/core/styles.css'; 到您的全局样式( 或者在下方列出) styles 在argular.json中).
每个网格事件都是同名输出((sortChange), (中文(简体) ), (cellValueChanged)(......) ; (......); paste 财务报告和审定财务报表 scroll
为: (gridPaste) 财务报告和审定财务报表 (gridScroll)。 。 。 . columns, (中文(简体) ), data, (中文(简体) ), theme, (中文(简体) ), locale, (中文(简体) ), summary, (中文(简体) ), groupBy, (中文(简体) ), pivot, (中文(简体) ),
fontSize 财务报告和审定财务报表 fontFamily 更改时更新网格; 其他选项进入 [options] 并适用于创建.
通过一个内容相同的新阵列或对象(在每个渲染点上重新创建的内在文字)不会重置任何东西:列保持用户所改变的宽度、顺序和能见度 groupBy 财务报告和审定财务报表 pivot 只在内容发生变化时再次应用;要取消用户更改的内容,请拨打API(resetColumnState(), (中文(简体) ), setGroupBy()) (中文(简体) ).
网格运行在角区外,因此滚动不会触发变化检测.
文档 : https://freegrid.app/docs/#angular (英语)
许可证
核心网格(排序、过滤、编辑、选择、绑定列、页面和服务器行、 CSV 导出、, 印刷、主题、语言)对所有人免费,包括公司.
每个域进行30天的试验后,付费特性需要一个密钥:行分组和汇总、支点、图表、, 单元格区域选择、范围复制和粘贴、填充控件、Excel和PDF导出、工作簿、服务器侧组、, 高级过滤器、边栏面板、上下文菜单、摘要行、公式、查找、有条件的格式 和合并的细胞。 发展东道主(当地东道主、私人网络、当地网络、测试) 每一个特征.
- 个人、教育和非商业项目:免费个人钥匙,有效期6个月,可续用 任何时候,在 https://freegrid.app/license/ personal/ 互联网档案馆的存檔,存档日期2013-12-11
- 公司:每年每个域20万克朗,或40万克朗一次(长期更新,主要领域范围内更新) 已购买). 一个密钥覆盖了域及其所有子域.
见 https://freegrid.app/pricing/ 页面存档备份,存于互联网档案馆 还有LICENSE文件.
기본. 30分 30分 30分 30分 30分. 개인·교육·비영리 (6개월 (6개월 (언제든)) 를 (갱신) 회사는 (도메인당) 20만 (또는) 또는 (영구) 40만 (원) 라이선스를,키也. 자세한 https://freegrid.app/pricing/ 页面存档备份,存于互联网档案馆
import { setLicenseKey } from '@freegridjs/core';
setLicenseKey('FG1....'); // once for every grid on the page
或每个网格 : <free-grid licenseKey="FG1...." [columns]="columns" [data]="rows" />