매개변수를 이용한 리스트 버튼 형태의 테이블 만들기

태블로에서 매개변수를 이용하면 한 페이지 당 10개씩 리스트를 끊어 보여주고, 버튼을 넘길 때마다 1-10, 11-20, 21-30,..와 같이 해당되는 범위만 보이는 형태의 테이블을 만들 수 있습니다.  모든 정보를 노출해야 하지만, 스크롤이 생기는 걸 방지하고 싶을 때 활용할 수 있는 좋은 방법입니다. 물론, 10이 아닌 원하는 범위로의 설정이 가능합니다.

데이터 다운로드

슈퍼스토어 – 샘플
태블로의 샘플 데이터 슈퍼스토어를 사용했습니다.

완성 대시보드

지난번에 다룬 기간 동적 기간 필터 대시보드와 엮어, 기간 필터를 변경할 때마다 해당 기간동안에 주문된 모든 주문 건의 리스트를 10개씩 잘라 볼 수 있도록 제작하였습니다.

How To

1. 주문상세 테이블 만들기

주문 ID 별 매출, 수량, 수익 정보가 담긴 테이블을 생성합니다.

2. 리스트 버튼 역할을 할 매개변수 만들기

[페이지리스트]라는 이름으로 매개변수를 하나 생성합니다. 우선, 매개변수 유형을 범위로 지정해놓고, 한 페이지 당 원하는 범위만큼 단계 크기를 설정한 후, 목록으로 변경하여 표시 형식을 수정하면 간편하게 수정할 수 있습니다. 저는 목록 당 10개씩 노출되도록 하기 위해, 단계 크기를 10으로 설정하여 최대 200개까지 설정하였습니다.

3. 순번 생성하는 계산된 필드 [번호] 만들기

주문 상세 테이블에 행마다 순번을 부여할 계산된 필드를 생성합니다.
태블로의 내장함수 INDEX는 파티션에 있는 현재 행의 인덱스,즉 순번을 반환합니다.

4. [번호] 필드 불연속형으로 변환하기

측정값 선반에서 생성한 [번호] 필드를 클릭 > 아래 화살표 > 불연속형으로 변환을 선택합니다.

5. [번호] 필드 주문상세 테이블에 추가하기

이제, [번호] 필드를 처음에 만들어둔 주문 상세 리스트 테이블로 가져올 차례입니다. [주문 ID]별로 순번이 부여되도록 [주문 ID]의 왼쪽으로 가져옵니다. 아래 화살표하여 다음을 이용하여 계산 > 테이블(아래로)로 선택되어 있는지 확인합니다.

6. 주문 ID – 매출 내림차순으로 정렬하기

INDEX와 정렬을 활용하면 TOP N을 바로 구할 수 있습니다. 이 상태에서 매출이 많은 순으로 주문 ID의 정렬을 변경하게 되면, [번호] 역시 매출이 많은 순으로 재지정되기 때문입니다.

7. 선택된 [페이지리스트]에 해당하는 범위인 경우, TRUE를 반환하는 T/F계산식 만들고, 필터에 추가하기

매개변수의 범위를 변경할 때마다, TRUE/FALSE에 해당하는 범위가 변경되는 계산식입니다.

[T/F_페이지리스트] 필드를 필터에 추가한 후, 목록에서 ‘참’만 선택합니다.

8. 대시보드 만들기

대시보드를 추가하여 위와 같이 대시보드를 구성하였습니다.

9. 매개변수 유형 ‘버튼’ 모양으로 변경하기

매개변수 편집이 활성화되도록 클릭 후, 아래 화살표를 하면 매개변수 유형을 변경할 수 있습니다.
‘압축 목록’에서 ‘슬라이더’로 변경합니다.

다시 한번 아래 화살표 클릭 후, 사용자 지정 > 슬라이더 표시를 해제하면 바 형태의 슬라이더가 사라집니다.

10. 완성된 대시보드 확인하기

완성된 대시보드입니다. 버튼의 화살표를 누를 때마다 10개씩 리스트를 넘어가게 됩니다.

댓글 남기기

태블로위키만의 새로운 소식, 놓칠 수 없겠죠?