본문 바로가기

jquery2

[Bootstrap,JQuery] Table을 이쁘게 정리하기 안녕하세요? 이번시간에는 GMS 툴 개발에 따른 Frontend에서 유용한 플러그인을 소개해드리고자 합니다.다음의 URL 을 참조하시면 확인해보실 수 있습니다. https://datatables.net/examples/styling/bootstrap.html 아래는 적용(전) 과 (후) 의 스크린샷 입니다. 위의 사진은 현재 테스트 중인 약 2천개정도의 데이터를 플러그인 없이 보여줄때 모습입니다.( 향후 데이터가 무지무지하게 쌓이면.. 엄청나겠죠 ?) 다음은 플러그인을 적용한 모습입니다. 10, 20,50, 100 개 들이로 정리해서 볼 수 있으며, Search 를 통해서 테이블 Row 를 검색할 수 있고, Pagination 기능을 제공해줍니다. "손수 구현해보고 싶다" 라는 마음이거나 한번도 구현해본.. 2016. 2. 24.
안녕하세요? 향후 웹 프론트단 공부를 하면서 겪는 경험담들. 추가로 해결을 했던 방식들을 쭈욱 써놓도록 하겠습니다. 테스트 환경은 ie8 , chrome, safari 입니다. CSS : Bootstrap ie8 : 그렇게 이쁘게 적용되지 않는다 > 직접 css 를 만들어서 적용시켰습니다. chrome : Good Safari : Good JS : addEventListener ie8 : 작동 하지 않는다. 아래와 같이 처리해주었다. ie8 에서는 attachEvent 를 통해 처리 if(document.getElementById("btn_login").addEventListener) document.getElementById("btn_login").addEventListener("click",funct.. 2015. 3. 12.
반응형