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

JavaScript 로 테이블을 생성합니다. 그리고 테이블의 해더를 클릭하면 정렬(소팅) 할 수 있는 소스코드 입니다. 만드는 방법은 아래와 같습니다. 1. Table 을 생성하고 고유한 아이디를 지정하세요. 단, Table 요소에서 반드시 샘플과 같은 양식으로 맞춰야 하고 th, tbody 는 필수 입니다. 2. th 요소에 CSS 스타일을 정의 합니다. 3. js/script.js 를 호출 합니다. 제일 마지막에 호출해야 합니다. Table 에 출력되는 데이터 편집은 js/script.js 에서 할 수 있습니다. 형식에 맞춰서 편집 혹은 추가하시면 됩니다.

다운로드 받은 파일의 압축을 해제한 뒤에, index.html 파일을 웹브라우저로 열어보면 데모 확인이 가능합니다. 테이블의 각 컬럼의 제목을 클릭하면, 컬럼에 표시되는 데이터들을 정렬이 되어서 화면에 표시가 됩니다. 사용법은 아래와 같습니다. 표형태로 데이터를 화면에 표시하는 화면에서, 데이더틀을 정렬해서 보여주기 위해서 데이터베이스에 실행하는 SQL문의 ORDER BY 구문을 이용하지 않더라도 가능해지게 되는 상황이 생길수도 있겠네요.