태블로에서 항목을 격자 배치하기

태블로에서 시트를 구성하는 항목의 개수가 많으나, 스크롤로 일부 항목들이 가려지면 안되고 전체 목록을 한 화면에서 조회해야 하는 경우가 있습니다. 전반적인 상황을 한 번에 보여주는 상황판 같은 시나리오에서 이러한 니즈가 발생하며, 가로 또는 세로로 전체 항목을 나열하기에는 레이아웃에 제약이 있다면 활용할 수 있는 방법입니다.

예시로 Superstore 데이터에서 17개의 하위 카테고리를 매출 기준으로 나열하는데 있어, 단일 열 또는 단일 행으로 표시하기에는 항목의 개수가 다소 많으므로 6개의 행과 3개의 열로 항목을 격자 배치해보도록 하겠습니다.

Step-by-Step: 하위 카테고리를 6 x 3 배치하기

1. 하위 카테고리 17개의 번호를 매기기 위해 INDEX 함수를 사용하여 계산식을 생성합니다.

2. Index 계산식으로 인해 부여된 하위 카테고리의 순위 값이 6개의 행과 3개의 열로 배치될 수 있도록, 각 항목의 열(Column), 행(Row) 위치 값을 계산합니다.

• 열(Column)
  1에서 17까지의 Index 값이 3개의 열로 구분되도록 6으로 나눈 몫을 반환하는 계산식을 생성합니다. INDEX 함수는 1부터 숫자가 부여되므로 DIV 함수가 계산되기 전에 먼저 1을 빼줍니다.

• 행(Row)
  1에서 17까지의 Index 값이 6개의 행으로 구분되도록 6으로 나눈 나머지를 반환하는 계산식을 생성합니다. INDEX 함수는 1부터 숫자가 부여되므로 나머지 계산 전에 먼저 1을 빼줍니다.

생성한 계산식의 결과 값을 확인합니다.

3. 생성한 계산식으로 시트를 구성하여 17개의 하위 카테고리가 적절히 배치되도록 합니다.

4. 머리글을 숨기고 차트를 적절히 배치합니다.