[AngularJS] UI-GRID 사용하기(1)

그리드 예시

검색해도 잘 나오지 않아서 적는 UI-GRID 사용 방법!

AngularJS를 사용하다 보면 UI-GRID라는 그리드 툴을 볼 수 있는데, 

일차원 적으로 결과를 보여주기에는 나쁘지 않다.

페이징 되지, 정렬되지, 선택되지, 한 줄 삭제와 추가되지, 컬럼 숨김 같은 기능들도 존재한다.

단지 정보가 너무 부족할 뿐;;

 

내가 참고한 사이트는 UI-GRID 가이드 사이트로, 사이트 상단의 API와 Tutorial을 많이 참고하여 개발을 진행했다.

http://ui-grid.info/

http://ui-grid.info/

 

원하는 기능들을 찾다 보면 나오는 신기함ㅋㅋ 

물론 삽질도 무수히 했다.ㅠㅠ

footer에 체크한 값 초기화 이런 거...

어떻게 해결은 했다..

 

Tutorial에서 많은 예시들을 확인할 수 있어서,

예시를 많이 찾아보고, 더 궁금한 상세 기능 설명에 관해서는 API에서 확인하며 개발을 진행했다.

 

영어라 크롬의 페이지 자동번역을 요긴하게 써먹었다.ㅋㅋ

 

참고로 AngularJS 가이드는 이쪽.

https://docs.angularjs.org/guide/concepts

AngularJS

 

일단 소개만 간단히 하고,

사용 방법은 차차 정리할 예정!

 

도움이 되었다면 ♥꾹! 로그인 없이 가능합니다!