[wd_asp elements='search' id=9]

WPDATATABLES 테이블 설정 1 – DATASOURCE 탭

WPDATATABLES 생성 이 후 다양한 테이블 설정 기능들을 알아보기 위해 우선 DATASOURCE 탭을 살펴보겠다 이전에 데이터베이스 시각화 WPDATATABLES 플러그인 소개 에서 테이블 생성 방법 총 6가지를 간략히 설명하였으며, 설명을 보면서 직접 설정해보면 어떤 부분이 다른지 확인이 가능할 것이다

테이블 화면 개요

해당 화면은 전산 자산관리를 위한 하드웨어 유형을 코드로 만들어 놓은 테이블의 예제이다
마스터 코드와 하드웨어 유형 명을 입력 하게 되면, 나중에 자산 하드웨어 테이블 자산 유형 관리와 마스터 코드가 1:N 관계로 매칭 되어 활용하게 된다

하드웨어 유형 코드 관리 테이블

1. 테이블 제목 입력

테이블의 제목을 입력 받는다 비워두면 기본 테이블명 WPDATATABLES로 입력받게 된다
변경을 해두어야 나중에 테이블 목록에서 쉽게 찾을 수 있기 때문에 반드시 입력을 해놓자

2.DATA SOURCE

데이터를 연결 시키는 DATA SOUCE 항목으로 현재는 MANUAL(수동) 으로 입력을 하였기 때문에 DATASOUCE에 별다른 항목은 존재하지 않지만, 데이터를 쿼리나 EXCEL, JSON, CSV, QUERY로 가져오게 되면 다른 화면이 출력될 것이다

아래 화면 처럼 간단한 쿼리를 입력하여 데이터를 출력할 수 있다
Server-side processing을 클릭 시 정렬, 필터링, 페이징들을 워드프레스 wpdatatables 플러그인을 거치지 않고 해당 db서버에 다이렉트로 요청하여 출력하게 되어 데이터 량이 2000~3000건을 넘어가면 반드시 체크하도록 하자

QUERY로 데이터를 불러올 경우

3. Auto-Refresh Interval

몇 초마다 새로운 데이터를 가져올 지 변경 할 수 있으며 보통 빈칸으로 두면 자동으로 데이터를 알아서 가져오게 되며, 0 또는 disable을 입력하면 데이터를 가져오지 않는다

4. Add column, Add a Formula column, Remove Column

Add column

열을 추가하는 기능이며, wpdatatables에는 다음과 같이 여러가지 형태의 열을 추가할 수 있다
비슷한 기능의 타입이 많은 것은 그룹핑 해서 설명을 하겠다

열 추가 시 나오는 형태
  • string – 문자
  • selectbox – 선택 상자
  • Integer – 숫자형
  • Float – 실수형
  • Date – 날짜형
  • Datetime – 날짜시간형
  • Time – 시간형
  • URL Link – URL 주소를 입력형으로 클릭하면 해당 URL로 이동
  • E-mail – 이메일 주소형
  • Image – Image 파일형으로 이미지가 출력
  • Attachment – 첨부형으로 파일을 첨부하여 클릭 시 다운로드가 가능

Add a Formula column

계산형 컬럼으로 각 Integer 열들의 계산 결과를 계산형 컬럼에 표현 할 수 있다
수식을 조합하여 계산한 결과를 Preview를 통해 확인이 가능하다

Remove Column

만들어진 컬럼을 삭제하는 기능이다

5. Standard view, Excel like

기본적인 뷰로 볼 것인지, 엑셀의 시트 형태로 표현 할 지 선택할 수 있다 개인적으로 Standard view를 추천한다

6. Column list

컬럼 리스트 화면

현재까지 만들어진 컬럼들을 리스트 형태로 볼 수 있으며, 이곳에서 모바일 가로 세로, 출력 여부 , 정렬, 필터링, 검색 수정 가능 여부를 선택할 수 있으며, 테이블 컬럼 배열 순서를 변경 할 수 있다

7. Standard View

위의 설정한 값을 토대로 테이블을 미리보기로 보여준다

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

Scroll to Top