datatables 설정 및 사용법. 오픈소스 그리드, 무료 그리드 추천

웹사이트를 개발하다보면, 회원목록, 일정내역 등 리스트 형태를 보여주는 화면이 적지 않음을 알 수 있다. 간단한 정보라면 html - table 태그로 하면 되지만, 건수가 많으면 페이징 처리도 해야 하고, 컬럼별로 내림차순/올림차순 정렬도 해야하고, 데이터 형식에 맞춰서 금액/날짜 등 포맷으로 변경해야 한다면, 잘 만들어진 그리드 라이브러리를 가져다 사용하는게 속편하다. 나 역시도 아래 화면처럼 회원목록을 보여줘야 하는 경우가 있었다. 검색기능, 총건수, 페이지당건수, 이전/다음 페이지 이동, 컬럼별 정렬, 필드 포맷, 왼쪽/가운데/오른쪽 정렬 등을 제공하는 datatables 를 사용하게 되었다. DataTables | Table plug-in for jQuery DataTables Table plu..
개발/html 2022. 4. 15. 23:43
1
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/01   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함