도구 패널에서 열을 정렬하는 방법. AG-그리드

Question

편집 : 같은에서 항상 https://www.ag-grid.com/javascript-grid-tool-panel/toolPanelExample.html

도구 패널에 표시 열의 순서 : 이동 열 v6.4.0에

예 링크를 작동하지 않습니다 밖으로 찾을 수 컬럼 정의에 정의 된 순서대로 정렬하십시오. 아래 이미지를 확인하십시오.

이 가능 순서대로 도구 패널에서 정렬하는 것입니다 (알파벳 순으로 말한다)하지만 순서를 변경하지 않고 그들은 그리드에 표시됩니다. 내가 뭘하려

는 :

나는 columnDefination에 알파벳 순서로 정의하는 시도하고 columnApi.moveColumn()를 사용하여이 위치로 이동했습니다. 그것은 모든 컬럼을 이동시켜 배치해야 할 때 복잡성을 증가시키는 것으로도 작용하지 않는 것 같습니다.

질문 :

1. 이는 /도 가능 가능한가?
2. moveColumn() 기능이 작동하지 않습니다. 도입 된 버전이 changeLog에서 찾을 수 없다는 것을 알 수 있습니까?

추가 세부 사항 :

AG-그리드 엔터프라이즈 버전 v6.4.0 사용은

Answer 1

this plnkr를 참조하십시오. 나는 당신이 가지고 있던 것과 동일한 기본 개념을 사용했다. 알파벳순으로 colDef를 생성 한 다음 onGridReady 함수로 컬럼을 각각의 배치로 옮겼다. 나는 plnkr에서 그것을 구현하는 방법을

다음

moveColumn(colKey, toIndex) 
//colKey refers to the id of the column which defaults to the specified field 
//toIndex is simply a number that is within the range of columns. 

moveColumns(colKeys[], toIndex) 
//colKeys[] is an array in the order that you want them to be 
    displayed starting at the toIndex 

은 다음과 같습니다 :이 일에 유용한 두 가지 기능이 있습니다, 두 번째는 내 의견에 훨씬 바람직하다

private onReady() { 

    // this.gridOptions.columnApi.moveColumn('name',1) 
    // this.gridOptions.columnApi.moveColumn('country',2) 
    // this.gridOptions.columnApi.moveColumn('dob',3) 
    // this.gridOptions.columnApi.moveColumn('skills',4) 
    // this.gridOptions.columnApi.moveColumn('proficiency',5) 
    // this.gridOptions.columnApi.moveColumn('mobile',6) 
    // this.gridOptions.columnApi.moveColumn('landline',7) 
    // this.gridOptions.columnApi.moveColumn('address',8), 

    this.gridOptions.columnApi.moveColumns(['name', 'country', 'dob', 'skills', 'proficiency', 'mobile', 'landline', 'address'],1) 

} 

하나 개 더 기능이 있음

moveColumnByIndex(fromIndex, toIndex) 
//This uses just indexes and not the colid/colkey idea if you prefer 
    to keep it more anonymous