대화형 통신 편집기의 테이블 구성 요소
aem-forms-ea@adobe.com으로 이메일을 보내시기 바랍니다.1. 소개
대화형 통신(IC) 편집기의 테이블 구성 요소를 사용하여 작성자는 사용자 지정 가능한 테이블을 통신 템플릿에 쉽게 삽입할 수 있습니다. 이 구성 요소는 요약, 항목 목록, 구조화된 입력 또는 비교 레이아웃과 같은 사용 사례에 사용할 수 있는 테이블 형식 데이터 표현을 지원합니다.
작성자는 표 구성 요소를 캔버스로 드래그 앤 드롭하고 행 및 열의 수를 구성하며 머리글 및 바닥글 행을 포함하거나 레이아웃 방향을 설정하는 등의 옵션을 선택할 수 있습니다. 여러 통신 간에 일관성을 유지하기 위해 표를 기본 템플릿으로 정의할 수 있습니다.
2. 속성
표 구성 요소에는 작성자가 표의 동작과 모양을 사용자 지정하는 데 도움이 되는 몇 가지 구성 가능한 속성이 포함되어 있습니다.
2.1 기본 필드
-
이름: 테이블의 고유 식별자입니다. 이 이름은 데이터 모델 및 논리에서 테이블을 참조하기 위해 내부적으로 사용됩니다.
-
행: 콘텐츠 행 수를 지정합니다(머리글 및 바닥글 제외).
-
열: 테이블의 열 수를 정의합니다.
-
머리글 행: 열 레이블의 표 맨 위에 머리글 행을 포함하는 옵션입니다.
-
바닥글 행: 합계 또는 요약 값의 바닥글 행을 포함하는 옵션
-
기본값으로 설정: 사용자가 현재 구성을 나중에 사용할 수 있도록 기본 테이블 서식 파일로 저장할 수 있습니다.
-
레이아웃 방향: 은(는) 행을 채우는 방법을 정의합니다. 일반적으로 왼쪽에서 오른쪽으로 설정됩니다.
2.2 위치
-
설명: 레이아웃 내에서 표의 배치를 제어합니다.
-
설정:
-
X 및 Y 좌표: 캔버스에서 표의 가로(X) 및 세로(Y) 위치를 설정합니다.
-
높이 및 너비: 테이블의 전체 크기(mm)를 정의하여 유연한 공간 할당을 허용합니다.
-
2.3 모양
모양: 표의 시각적 스타일을 설정합니다. 작성자는 테두리, 평면 또는 높임 과 같이 사전 정의된 사전 설정 중에서 선택할 수 있습니다.
-
표 또는 셀의 채우기: 배경색입니다.
-
획: 표 또는 특정 셀 주변의 테두리 색입니다.
-
너비: 테두리 선의 두께입니다.
-
스타일: 가장자리 유형을 선택합니다. 둥근 모서리나 예리한 모서리입니다.
-
가장자리: 셀 테두리 및 모퉁이 반경의 가시성을 구성합니다.
2.4 유무
-
설명: 런타임 시 테이블의 가시성을 결정합니다.
-
옵션:
-
표시: 출력에서 테이블을 정상적으로 표시합니다.
-
숨김: 테이블을 숨기고 레이아웃 내에 공간을 유지합니다.
-
2.5 데이터 바인딩
데이터 바인딩: 테이블을 데이터 원본(예: JSON, XML 스키마)과 연결하여 생성 중에 행과 열을 값으로 동적으로 채웁니다. 항목별 청구, 거래 기록 또는 제품 목록에 유용합니다.
3. 사용
테이블 구성 요소는 구조화된 정보 또는 반복적인 정보를 표시하는 데 이상적입니다. 일반적인 사용 사례는 다음과 같습니다.
-
품목 행이 있는 송장 및 청구서
-
정책 또는 계획 비교
-
프로필 또는 계정 데이터 요약
-
제품 카탈로그 또는 기능 매트릭스
작성자가 행 및 열 수를 구성하거나, 조건부 가시성을 적용하거나, 동적 정보를 표시하도록 데이터를 바인딩할 수 있습니다.
4. 우수 사례
-
가독성을 높이기 위해 머리글 행을 사용하여 각 열에 명확하게 레이블을 지정합니다.
-
해당되는 경우 합계 또는 중요 참고에 대해 바닥글 행을 적용합니다.
-
데이터 바인딩을 활용하여 구조화된 입력을 기반으로 행을 동적으로 채웁니다.
-
모양 및 여백 설정을 사용하여 일관된 스타일 및 간격을 유지합니다.
-
테이블을 숨길 때 공간을 유지할지 여부를 선택하여 레이아웃 연속성을 보장합니다.
-
기본 템플릿을 사용하여 문서 간 표 형식 컨텐츠를 표준화합니다.
IC 편집기의 테이블 구성 요소는 통신에서 구조화된 콘텐츠를 지원하도록 설계된 유연하고 데이터 친화적인 구성 요소입니다. 사용자 정의 가능한 레이아웃 옵션, 스타일 기능 및 강력한 데이터 바인딩을 통해 작성자가 정보를 명확하고 효과적으로 제공할 수 있습니다.