ag-grid 사용법

 

ag-grid option 정의

rowIdKey: string;   //

columnDefs: any[]; // 정의된 컬럼정보 

rowData?: any[]; //grid json Data 넣어주기 

onGridReady: (e: GridReadyEvent) => void; 

포인트  :  javascript의 onload 이벤트와 유사한 것으로 ready 이 후 필요한 이벤트를 삽입한다.

보통 그리드 자동 사이즈 등을 지정한다.  

onGridReady: function (event) {

    event.api.sizeColumnsToFit();

},

onRowValueChanged?: (e: RowValueChangedEvent) => void;

onCellValueChanged?: (e: CellValueChangedEvent) => void;

 

(중요) Cell의 값이 변경 되었을 때 발생하는 이벤트.  데이터 편집에서 수정이 발생하면 그에 따른 처리를 할 때 이용할 수 있다. 

onRowDoubleClicked?: (e: RowDoubleClickedEvent) => void;

filterSpecificColumnsFn?: () => boolean;

filterExternallyFn?: () => boolean;