AG-GRID, AG-GRID 2개 생성

AG-GRID 테이블 2개 생성

1. var gridOptions1, var gridOptions2, 등 변수명 변경 

2. AG-GRID 테이블 생성시 스크립트 태그를 별도로 분리하여 각각 스크립트 태그에 해당하는 테이블 생성한다.  

 

---

1. var gridOptions1, var gridOptions2, 등 변수명 변경 
- 형광펜 부분을 보면, gridOptions 변수명 뒤에 숫자만 바꿔서 선언했다.

ex)
var gridOptions2 = {
  defaultColDef: {
    resizable: true,
    editable: true
  },
  columnDefs: columnDefs,
  rowData: rowData,
  onFirstDataRendered: onFirstDataRendered
};

2. AG-GRID 테이블 생성시 스크립트 태그를 별도로 분리하여 각각 스크립트 태그에 해당하는 테이블 생성한다.

ex) 

<script>AG-GRID1 생성<script> … <script>AG-GRID2 생성<script>