Ag-Grid学习-angular8

Ag-Grid学习

1.添加ag-grid的npm软件包:

2.将ag-grid Angular模块添加到Angular项目中的app模块(app.module.ts)中

其中withComponent可以不用写

3.将样式导入(styles.scss)

 

这样基本的工作就完成了

在使用上面:

就是定义一个数据,一个表头

比如:

而在前端的html中展示是这样的

结果是这样

想要使用排序的功能,在表头加上 sortable:true

功能 属性
排序 sortable:true
过滤 filter:true
单选 checkboxselection:true/ 需要加上rowSelection=”multiple”
   

 

添加分组:

1.安装功能:

2.加入到app.module中

3.启用分组

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2019年8月8日
下一篇 2019年8月8日

相关推荐