Country  china

FlexGrid

快速、灵活、熟悉的数据表格控件

“Wijmo 5的FlexGrid功能,已应用到我们重要的下一代平台产品中。Wijmo现代的、功能齐全的FlexGrid以及尖端的表格操作,已经成为我们工作流程的核心。”

— Aaron Mendez,用户体验经理,汤森路透

立即下载 Wijmo Enterprise

经过20年的磨砺,FlexGrid已经成为优秀灵活的、被业界广泛认可的表格控件。HTML5 / JavaScript控件将FlexGrid的优点与Wijmo 5的优点结合在一起:

  • 可扩展性和灵活性
  • 小尺寸:只有113 KB
  • 没有任何依赖
  • 框架无关,并且支持Angular 2
开始使用Wijmo5的FlexGrid

FlexGrid:绝佳的Angular 2表格

FlexGrid仅包含所需的关键功能,并通过扩展模块提供其他功能。类似Excel的基本功能如排序、分组和编辑是内置的,而其他扩展功能是可选的。

这个快速、熟悉、灵活的表格控件,包括了所有Angular 2的优点:

  • 声明式标记
  • 单元格模板
  • 数据绑定
  • TypeScript源代码和示例

 

更多资源:

使用Angular 2开始使用Wijmo FlexGrid
运行Angular2 FlexGrid演示

深入了解FlexGrid控件

基本功能

  • 排序
  • 单元格格式化
  • 全球化支持:设置Culture和Right-to-left方向
  • 分页和页面大小
  • 多单元格选择
  • 过滤
  • 列宽调整
  • 支持绑定和非绑定
  • 从REST数据源获取数据
  • 浏览所有基本功能


FlexGrid_Basic_Features_500.jpg
内置功能

快速、高性能

TRY BENCHMARK DEMO

FlexGrid_Benchmark
如何衡量FlexGrid

熟悉的、类似Excel的接口


FlexGrid_Cell_Merging
跨行列合并单元格

框架集成(可选)


FlexGrid_Frameworks



通过扩展实现灵活的功能

明细行

  • 允许用户向下钻取详细信息
  • 隐藏和折叠明细单元格
  • 在明细单元格中嵌入表格
  • 包括输入和编辑控件
  • 编辑明细单元格的尺寸

 

FlexGrid_RowDetails_500
添加可展开和可折叠的明细行

FlexGrid过滤

  • 给FlexGrid添加过滤UI
  • 给列头添加过滤图标
  • 从值列表中选择
  • 设置条件过滤
  • 根据数据类型自动显示特定类型的过滤器

 

FlexGrid_Filter_500.jpg
用列和条件过滤

分组面板

  • 给FlexGrid控件增加拖放分组UI
  • 在分组头聚合数据
  • 展开折叠分组
  • 嵌套分组

 

FlexGrid_GroupPanel
很容易的增加分组和聚合

现在就开始试用吧!

30天产品试用下载。在您下载试用之后,我们的技术支持工程师会全力帮助您同步解决遇到的产品问题。

立即下载免费试用版