风一更--软件开发--UI--Grid ag-grid + angular

目的: ag-grid 当前应用广泛的 grid 插件, 无依赖且与 Angular 兼容. 

因项目中数据的层级复杂，angular 及 material ， bootstrap  均无简单操作. 开始学习 ag-grid

---

reference:

1. official site: https://www.ag-grid.com/

2. cn version ： https://www.itxst.com/ag-grid/tutorial.html

other source:

1.https://www.cnblogs.com/dingdc/p/15161348.html angular 项目搭建

---

1.环境搭建:

1.npm install

2.module.ts 引入:

3.styles.css

@import "../node_modules/ag-grid-community/styles/ag-grid.css";
@import "../node_modules/ag-grid-community/styles/ag-theme-alpine.min.css";
.ag-theme-alpine{
  @include ag-theme-alpine();
}

4.component.ts

5.html

 result: