자체 제작한 순수 자바스크립트 데이터 테이블 class 파일입니다.

기존에 엑셀로 관리하던 데이터를 웹으로 관리하기 위해 만들어 봤습니다.^^;

엑셀파일로 관리하니 데이터가 쌓이니 검색과 필터링이 좀 까다롭고 번거로운것 같습니다.

데이터 그리드라 부르는 건데요

저는 부트스트랩을 연동하려고 해서 css는 따로 제공하지 않습니다.

기본적으로 php 서버사이드로 동작

실무에서 많이 사용하는 엑셀 (xls,xlsx) 다운로드 내장(sheetJS 이용),업로드도 구현 가능

타 그리드는 셀단위나 행단위 편집이 가능하지만 jstable는 현재페이지 전체를 편집모드로 변경

데이터수정시 변경된 데이터만 서버로 전송 후 저장
컬럼정의에서 연산속성을 정의해서 컬럼끼리 연산 후 결과 컬럼에 동적으로 실시간 출력

타 그리드와 달리 데이터 검색 매서드를 추가해서 form 태그안에 있는 input 요소 모두 자동으로 서버로 쿼리 전송됩니다.

검색에 필요한 인풋요소만 폼안에 테그로 삽입하면 검색버튼 클릭시 자동으로 서버로 전송됩니다.

서비스로 동적 셀렉트박스 class도 추가 되어 있습니다.
서버사이드로 작동하며 의존형셀렉트박스 구현시 간단하게 구현이 가능합니다.

2단,3단 카테고리도 복잡한 자바스크립트 코드없이 쉽게 구현할 수 있습니다.

페이징 처리,다중정렬(아직 미흡함),로컬데이터바인딩,엑셀파일 업로드 후 바인딩 등
데이터시각화를 위해 차트도 적용해 볼 예정입니다.

대쉬보드 구축에도 좋을 것 같습니다.
그누보드와 연동하여 백오피스 구축하면 좋겠다 싶어 조금씩 시간을 내어 만들어 봤습니다.
사용방법은 시간나는 대로 정리해서 업로드 하도록 하겠습니다.

링크1로 오셔서
1번 첨부파일 다운로드 후 사용하시면 됩니다.
2번 첨부파일 다운로드해서 테이블에 업로드 하시면 바인딩 됩니다.(이 후 서버 전송등 하면 될 것 같습니다. 현재는 바인딩만 됩니다.)
 

적용사이트는 링크 참조해 주세요

ID HW00000
PW HW00000
http://minara.dothome.co.kr/intra/order/highway/orderListAll/

궁금하신점은 http://minara.dothome.co.kr/bbs/board.php?bo_table=qa
qna 게시판 이용 부탁드립니다.

개인에 한해 자유롭게 사용가능하나 배포,제작대행등 상업적으로는 사용이 금지됩니다.