웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] JavaScript Sort Table (테이블 생성 및 정렬) 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] JavaScript Sort Table (테이블 생성 및 정렬)

해피CGI윤실장 2022. 12. 15. 09:27

JavaScript 로 테이블을 생성합니다. 
그리고 테이블의 해더를 클릭하면 정렬(소팅) 할 수 있는 소스코드 입니다. 





만드는 방법은 아래와 같습니다. 


1. Table 을 생성하고 고유한 아이디를 지정하세요.
    단, Table 요소에서 반드시 샘플과 같은 양식으로 맞춰야 하고 th, tbody 는 필수 입니다. 
    



2. th 요소에 CSS 스타일을 정의 합니다. 
    



3. js/script.js 를 호출 합니다. 
    제일 마지막에 호출해야 합니다. 
    




Table 에 출력되는 데이터 편집은 js/script.js 에서 할 수 있습니다. 
형식에 맞춰서 편집 혹은 추가하시면 됩니다. 

 

 

 

Comments