기본 콘텐츠로 건너뛰기 보완적인 콘텐츠로 건너뛰기

표 형식 HTML 데이터의 서식 지정 속성

이 도움말 항목에서는 HTML 보고서 템플릿의 표 서식 데이터에 사용할 수 있는 서식 속성에 대해 간략하게 설명합니다.

전체 테이블의 서식 속성

HTML 템플릿의 표 형식 데이터에 대해 다음 서식 속성을 조정할 수 있습니다. 이는 단일 항목으로 추가된 테이블과 일련의 개별 열로 추가된 테이블 모두에 적용됩니다.

  • 소스 형식 유지

  • 헤더 표시

테이블 수준에서 이러한 설정 중 하나를 변경하면 해당 설정에 대해 다른 값을 갖는 개별 열을 자동으로 변경하라는 메시지가 표시됩니다.

각 설정에 대한 자세한 설명은 다음과 같습니다.

테이블 수준의 소스 형식 유지 설정

단일 항목으로 추가된 모든 테이블에는 기본적으로 소스 형식 유지 설정이 활성화되어 있습니다. 이 설정을 켜면 HTML 디자이너는 원래 앱 개체의 서식을 유지하려고 합니다. 이 설정을 끄면 테이블에 사용자 지정 형식을 적용할 수 있습니다. 예를 들어, HTML 코드를 사용하여 개체에 배경색이나 테두리 스타일을 지정할 수 있습니다.

기본적으로 생성된 보고서는 소스 Qlik Sense 개체와 동일한 서식을 사용하도록 설정됩니다. 템플릿에 사용자 지정 형식을 수동으로 적용하면 무시됩니다. 사용자 지정 스타일링을 추가하려면 소스 형식 유지를 해제해야 합니다.

경고 메모

템플릿의 표 또는 열에 대해 기본 소스 형식 유지 설정을 사용하면 Qlik Sense 개체와 생성된 보고서 개체 간에 형식 차이가 발생할 수 있습니다. 보고서가 Qlik Sense 앱과 일치하지 않는 경우 표나 열에 대해 소스 형식 유지를 끄고 보고서 템플릿을 수동으로 사용자 지정할 수 있습니다.

테이블 수준의 헤더 설정

전체 테이블의 열 헤더를 구성하려면 헤더 표시 설정을 사용합니다. 두 가지 옵션이 있습니다.

  • 표시(기본값): 테이블 헤더는 템플릿 코드에서 테이블을 삽입한 위치에 나타나고, 테이블 데이터는 바로 아래 행에서 시작됩니다.

  • 숨기기: 헤더가 완전히 제거됩니다. 테이블 데이터는 템플릿 코드에 테이블을 삽입한 위치에서 시작됩니다. HTML 코드를 사용하여 헤더를 직접 설계하고 스타일을 지정하려는 경우 이 기능이 유용할 수 있습니다.

개별 열의 서식 속성

개체 패널에서 테이블 개체를 볼 때 열 확장을 클릭하면 각 열의 속성에 액세스할 수 있습니다. 다음 서식 속성을 조정할 수 있습니다.

  • 소스 형식 유지

  • 헤더 표시

각 설정에 대한 자세한 설명은 다음과 같습니다.

열 수준에서 소스 형식 유지

소스 형식 유지를 열 수준에서 설정하여 모든 단일 열의 형식을 사용자 지정할 수 있습니다. 개체 패널에서 열을 확장하고 관련된 소스 형식 유지 확인란의 선택을 취소합니다. 또는 개체 패널에서 테이블 개체의 테이블을 열고 열을 확장합니다. 그런 다음 확인란을 선택 취소합니다.

테이블 수준에서 소스 형식 유지 값을 변경하면 표의 모든 개별 열에 대한 이 설정 값이 변경됩니다. 테이블 수준에서 이를 설정하는 방법에 대한 자세한 내용은 테이블 수준의 소스 형식 유지 설정를 참조하십시오.

경고 메모

템플릿의 표 또는 열에 대해 기본 소스 형식 유지 설정을 사용하면 Qlik Sense 개체와 생성된 보고서 개체 간에 형식 차이가 발생할 수 있습니다. 보고서가 Qlik Sense 앱과 일치하지 않는 경우 표나 열에 대해 소스 형식 유지를 끄고 보고서 템플릿을 수동으로 사용자 지정할 수 있습니다.

열 헤더 설정

열 수준에서 헤더 스타일을 설정할 수 있습니다. 각 열의 헤더를 구성하려면 헤더 표시 설정을 사용합니다. 두 가지 옵션이 있습니다.

  • 표시(기본값): 테이블 헤더는 템플릿 코드에서 테이블을 삽입한 위치에 나타나고, 테이블 데이터는 바로 아래 행에서 시작됩니다.

  • 숨기기: 헤더가 완전히 제거됩니다. 테이블 데이터는 템플릿 코드에 테이블을 삽입한 위치에서 시작됩니다. 각 헤더의 모양에 차이가 필요한 경우 이 기능이 유용할 수 있습니다. 테이블을 단일 항목으로 추가했는지 아니면 개별 열 집합으로 추가했는지에 따라 HTML 코드에서 이 프로세스가 다르게 수행됩니다.

이 페이지가 도움이 되었습니까?

이 페이지 또는 해당 콘텐츠에서 오타, 누락된 단계 또는 기술적 오류와 같은 문제를 발견하면 알려 주십시오!