각도 UI 그리드, 스크롤의 다음 열이 무엇인지 알려주는 방법

Question

20 개의 열이있는 UI 그리드가 있으며 가로로 스크롤 할 때 다음 열의 위치를 ​​알 수 있기를 원합니다. 그래서 내가 볼 수없는 모든 열의 이름이 무엇인지 사용자에게 알려주는 텍스트를 가질 수 있습니다.

가능하면 누구나 알 수 있습니까? Inspector를보고 열을 스크롤하면서 html 속성이 변경되는 것을 봅니다.

--- UPDATE 1 ---- 이 모든 모습 인 것입니다 (이것은 "집 번호는"동적 말한다 및 사이트를 벗어 다음 열 표시하도록 변경 곳)

Answer 1

을

그리드를 렌더링하는 데 사용하는 ui-grid 구성에 따라 이미 열의 순서를 알 수 있습니다. 이 정보는 gird 자체가 추가 한 각 열의 visible과 함께 사용할 수 있습니다.

스크롤해야 할 일에 이벤트 핸들러를 바인딩하여 각 변경 사항의 열을 반복하고 해당 이벤트의 가시성을 확인하십시오. 그러면 visible === false의 첫 번째 문자가 곧 나타납니다.

여기에 작동하는 Plunker이이 플래그가 사용됩니다.