각도 필터를 포함하는 uI 그리드 열 정렬

Question

최근 Angular ui-grid를 사용하기 시작했습니다. 나는 도서관의 내부에 정통하지 않다.

%를 표시해야하는 ui-grid 열이 있습니다. 그래서 다음 필터를 내 app에 추가하고 ui-gridcellFilter 속성과 함께 사용했습니다.

module.filter('percentage', function() { 
    return function (input) { 
     if (!input) { 
      return ''; 
     } else { 
      return input + '%'; 
     } 
    }; 
}) 

이 작업은 정상적으로 작동하지만이 열을 정렬하는 동안 작동합니다. 예기치 않게 정렬이 작동합니다. 값이 100,200,300 인 3 개의 행이 있다고 가정합니다. 나는 그것이 단지 두 개의 정렬 된 상태 100,200,300과 300,200,100을 가질 수 있다고 기대한다. 그러나이 열의 머리글을 계속 클릭하면 200, 300, 100 또는 100, 300,200과 같은 세 번째 상태가됩니다. 나는이 상태에 대한 패턴이 무엇인지 모릅니다.

맞다면, 각도 필터는 views에서만 작동하며 필드의 모델에는 영향을주지 않습니다. 그래서 나는 filter을 추가하는 것이 정렬에 영향을 줄 수 있다고 생각하지 않습니다.

예상되는 두 가지 정렬 (ASCENDING, DESCENDING)이 완벽하게 나타난 것 외에는 세 번째로 나타나는 유일한 문제입니다. 이 문제를 어떻게 해결할 수 있습니까?

구현이 누락 되었습니까 ?? 친절하게도이 문제를 해결하도록 도와주세요.

편집 :이 문제는 문자열 열에서도 발생합니다. 나의 이해에서, 정렬이 고려되는 한 오름차순 하나와 종결 상태 하나만있을 수 있습니다. 그러나 나는 더 많은 준비를한다.

Answer 1

sortDirectionCycle을 사용하여 세 번째 정렬 상태를 제거 할 수 있습니다.

문서에서 열 머리글을 클릭하면 정렬 방향이 오름차순으로 순환 한 다음 내림차순으로 정렬 된 다음 다시 정렬되지 않음으로 돌아갑니다. sortDirectionCycle columnDef 옵션을 설정하여이주기를 재정렬하거나 일부를 건너 뛸 수 있습니다. 자세한 내용은이 링크를 확인하십시오 sortDirectionCycle