대화형 테이블 위젯이란 무엇인가요?

대화형 표 위젯을 추가하고 수정하는 방법은 다음과 같습니다.

이 문서에서는 다음을 학습합니다.

• 대화형 표 위젯이란 무엇인가요?
• 대화형 표 위젯 사용 방법

참고: 이 튜토리얼을 사용하려면 표를 만드는 방법을 이해하면 도움이 될 수 있습니다. 이전에 해본 적이 없다면 별도의 가이드를 확인하세요.

대화형 표 위젯 추가하기

인터랙티브 표 위젯은 툴바의 임베드 메뉴 아래에 있습니다.

데이터 소스

인터랙티브 테이블 위젯은 다음 소스의 데이터를 시각화하는 데 사용할 수 있습니다:

• 변수: 변수: 앱 내의 모든 변수(변수는 객체 배열이어야 함).
• 튤립 테이블: 기존 튤립 테이블.
• 튤립 테이블 쿼리: 필터링된 레코드를 반환하기 위한 튤립 테이블 내의 쿼리입니다.

연결된 레코드 플레이스홀더/변수

대화형 테이블 위젯은 데이터 소스에 따라 연결된 플레이스홀더 또는 변수를 포함할 수도 있습니다. 이는 단일 객체를 위한 컨테이너를 나타내며, 인터랙티브 테이블은 객체의 목록을 나타냅니다. 연결된 플레이스홀더 또는 변수가 설정된 경우 테이블 내에서 행을 선택하면 해당 데이터 행이 컨테이너에 로드됩니다.

열

열을 추가하려면 드롭다운 목록에서 열을 선택하여 한 번에 하나씩 추가합니다. 열은 선택한 튤립 테이블, 테이블 쿼리의 열 또는 선택한 변수의 객체 키로 표시됩니다.

위젯 속성에서 레이블을 드래그하여 열의 순서를 바꿀 수 있습니다. 앱 에디터 또는 플레이어에서 각 열을 드래그하여 열의 너비를 변경하여 표의 레이아웃을 변경할 수 있습니다.

텍스트 줄 바꿈

인터랙티브 표 셀 내의 텍스트를 줄 바꿈으로 설정할 수 있습니다. 줄 바꿈이 활성화되면 긴 형식의 텍스트는 세로 공간이 추가로 생깁니다. 줄 바꿈이 비활성화되면 열 가장자리에 가까워질 때 줄임표로 텍스트가 짧아집니다.

머리글 및 기록 텍스트에서 텍스트 줄 바꿈을 토글하려면 컨텍스트 창에서 스위치를 토글합니다.

선택 버튼

선택 버튼을 대화형 표 위젯에 추가하여 연결된 플레이스홀더/변수가 추가된 경우 어떤 행이 선택되었는지 더 명확하게 표시할 수 있습니다.

필터

정적 또는 동적 필터를 대화형 표 위젯에 추가하여 대화형 표 위젯의 데이터를 필터링할 수 있습니다. 필터는 전체 또는 특정 조건과 일치하도록 설정할 수 있으며 정적 값, 변수, 애플리케이션 정보 및 테이블 레코드 필드와 비교할 수 있습니다.

정렬

'정렬 기준' 옵션을 사용하여 특정 열을 기준으로 대화형 테이블을 오름차순 또는 내림차순(데이터 유형에 따라)으로 정렬할 수 있습니다. 표 위젯에서 열별로 여러 정렬 방법을 추가할 수도 있습니다.

정렬 기준 옵션에 이미 추가된 열도 플레이어에서 정렬할 수 있습니다. 정렬을 반전하려면 ^ 아이콘 기호를 클릭합니다.

행 색인

인터랙티브 표 위젯에 행 인덱스를 추가하여 왼쪽에 행 수를 표시할 수 있습니다. 행 수는 위젯이 표시하거나 렌더링하는 콘텐츠에 따라 달라집니다.

페이지당 행 수

인터랙티브 표 위젯의 페이지당 행 수는 여기에서 조정할 수 있습니다. 행 수를 특정 수 이상으로 늘리면 위젯에 세로 스크롤 기능이 추가됩니다.

트리거

인터랙티브 표 위젯에서 행을 선택하면 트리거가 실행되도록 구성할 수 있습니다. 트리거를 추가하려면 위젯 속성 메뉴에서 트리거 레이블 옆의 + 버튼을 클릭합니다.

트리거는 연결된 레코드/변수를 설정하고 트리거 본문 내에서 이를 사용하여 선택한 행의 정보를 활용할 수 있습니다.

글꼴 크기 및 페이지 매김 글꼴 크기

표에 표시되는 데이터의 글꼴 크기와 페이지 번호 레이블의 크기는 위젯 속성 메뉴에서 조정할 수 있습니다.

더 읽어보기

• 앱 편집기에서 표 레코드를 사용하는 방법
• 앱에서 테이블 레코드 또는 커넥터 출력의 대화형 목록 표시하기

원하는 것을 찾았나요?

community.tulip.co로 이동하여 질문을 게시하거나 다른 사람들이 비슷한 질문을 했는지 확인할 수도 있습니다!