近年来，Web前端框架特别流行，比如AngularJS、AngularJS2、ReactJS、KnockoutJS、VueJS等。表格控件是一种我们在开发中经常使用的控件。有没有可以在各种前端控件下使用的表格控件？真的有！Wijmo中的FlexGrid可以支持很多主流框架。这里主要介绍如何在纯JavaScript和AngularJS中使用。在纯JavaScript下使用HTML文件：导入Wijmo的JS文件和样式：wijmo.min.css、wijmo.min.js、wijmo.grid.min.js导入app.js和FlexGrid.js文件。定义一个div元素来显示网格。在app.js中定义appData，其中getData方法根据传入的Count生成数据。FlexGrid.js：在FlexGrid.js中调用data.getData(30)获取30条数据。获取FlexGrid控件并进行数据绑定。下面是运行结果：使用AngularJS下的FlexGridHTML文件：importangular.min.jsimportWijmo相关文件wijmo.min.js,wijmo.grid.min.js,wijmo.angular.min.js,wijmo.min.css引入app.js和control.js，添加NG指令ng-app，ng-controller通过wj-flex-grid指令定义表格，设置数据源app.js文件：control.js文件：其运行结果和纯JS结果完全一样。结束语从上面两个例子可以看出，无论是纯JS还是AngularJS，使用FlexGrid都非常简单。尤其是在AngularJS框架中通过Wijmo自定义的Angular指令wj-flex-grid，可以很方便的使用grid控件。Wijmo支持AngularJS、AngularJS2、ReactJS、KnockoutJS、VueJS、Ionic等前端框架，就不一一举例了。FlexGrid功能包括排序、过滤、分组、分页、单元格合并、冻结、格式化、条件样式、单元格模板、主题、树结构等。有兴趣的同学可以做延伸阅读，链接如下：Wijmo中文官网FlexGrid详细功能介绍点此下载本文介绍的示例源码==
