HTML 템플릿에 테이블 형식 데이터 추가하기
응용 프로그램의 차트에서 소스 테이블을 HTML 보고서 템플릿의 테이블 형식 데이터로 추가할 수 있습니다. 테이블 형식 데이터는 전체 테이블로 추가하거나 하나 이상의 개별 열로 추가할 수 있습니다. 차트를 단일 테이블 태그로 추가하든 개별 열의 집합으로 추가하든, 생성되는 기본 개체는 테이블입니다. 테이블은 개체 패널에 개체로 추가되며, 언제든지 다시 돌아와 편집하고 재사용할 수 있습니다.
직선형 하이퍼큐브가 있는 차트를 테이블 형식 데이터로 추가할 수 있습니다. 차트를 테이블로 추가하면 차트의 데이터를 나타내는 기본 필드가 보고서에 열로 추가됩니다.
개체 패널의 테이블 메뉴에서 테이블 형식 데이터를 추가합니다.
테이블을 선택할 때 을 클릭하여 응용 프로그램에서 사용 가능한 테이블 목록을 새로 고칩니다.
전체 차트 추가하기
단일 태그를 사용하여 전체 차트를 테이블 형식으로 추가할 수 있습니다. 차트 데이터는 보고서에 직표로 삽입됩니다.
다음과 같이 하십시오.
-
HTML 디자이너에서 테이블을 삽입할 코드의 위치에 커서를 놓습니다.
-
개체 패널에서
을 클릭합니다.
HTML 디자이너 내 개체 패널의 테이블 메뉴
-
테이블 추가를 클릭합니다. 사용 가능한 시트 목록이 나타납니다.
-
테이블로 추가할 차트가 포함된 시트를 확장합니다. 필요한 경우 차트 이름을 검색하여 시트 목록을 구체화할 수 있습니다.
차트 이름을 클릭하여 추가하기 전에 차트를 미리 볼 수 있습니다.
-
차트 옆의
아이콘을 클릭합니다.
-
드롭다운 메뉴에서 테이블을 선택합니다. 이렇게 하면 차트가 템플릿에 단일 항목으로 삽입됩니다.
테이블로 추가할 차트 선택하기
-
개체 패널에서 다음을 조정할 수 있습니다.
-
이름: 나중에 식별할 수 있도록 테이블에 고유한 이름을 제공합니다.
-
설명(선택 사항): 원하는 경우 개체에 설명을 추가합니다.
-
필터: 개체에 개별적으로 최대 하나의 필터를 추가합니다. 이를 통해 다른 템플릿 개체에 사용되는 데이터에 영향을 주지 않고 테이블에 사용되는 데이터를 사용자 지정할 수 있습니다. 필터 관리를 클릭하여 사용할 보고서 필터를 구성합니다. 개체 수준 필터에 대한 자세한 내용은 보고서 템플릿에서 개체 수준 필터 사용를 참조하십시오.
단일 태그로 추가된 테이블이 있는 템플릿 디자인 표면
-
-
개체 패널에서 테이블의 속성을 조정할 수 있습니다. 테이블 형식 데이터의 서식 속성에 대한 자세한 내용은 표 형식 HTML 데이터의 서식 지정 속성를 참조하십시오.
-
언제든지 테이블 개체를 재사용할 수 있습니다. 옵션 패널에서
을 열고
를 클릭하여 개체를 엽니다. 테이블 태그 추가를 클릭하여 테이블을 다시 추가합니다.
열별로 차트 추가하기
차트를 단일 열의 집합으로 테이블 형식으로 추가할 수도 있습니다. 이를 통해 보고서 템플릿 내에서 서식을 더 세밀하게 제어할 수 있습니다.
차트 데이터는 보고서에 직표로 삽입됩니다.
다음과 같이 하십시오.
-
HTML 디자이너에서 테이블 열을 삽입할 코드의 위치에 커서를 놓습니다.
-
개체 패널에서
을 클릭합니다.
HTML 디자이너 내 개체 패널의 테이블 메뉴
-
테이블 추가를 클릭합니다. 사용 가능한 시트 목록이 나타납니다.
-
테이블로 추가할 차트가 포함된 시트를 확장합니다. 필요한 경우 차트 이름을 검색하여 시트 목록을 구체화할 수 있습니다.
차트 이름을 클릭하여 추가하기 전에 차트를 미리 볼 수 있습니다.
-
차트 옆의
아이콘을 클릭합니다.
-
드롭다운 메뉴에서 개별 열을 선택합니다.
열별로 테이블로 추가할 차트 선택하기
-
추가할 열을 선택하거나 모두를 클릭하여 차트의 모든 열을 삽입합니다.
-
차트는 템플릿에 table 요소로 추가되며, 각 열은 그 안의 td 요소에 표시됩니다. 단일 열을 추가하는 경우, 열은 대신 전체 테이블이 추가되는 것과 동일한 방식으로 단일 항목으로 추가됩니다.
개체 패널에서 다음을 조정할 수 있습니다.
-
이름: 나중에 식별할 수 있도록 테이블에 고유한 이름을 제공합니다.
-
설명(선택 사항): 원하는 경우 개체에 설명을 추가합니다.
-
필터: 개체에 개별적으로 최대 하나의 필터를 추가합니다. 이를 통해 다른 템플릿 개체에 사용되는 데이터에 영향을 주지 않고 테이블에 사용되는 데이터를 사용자 지정할 수 있습니다. 필터는 동일한 소스 테이블의 모든 열에 적용됩니다.
필터 관리를 클릭하여 사용할 보고서 필터를 구성합니다. 개체 수준 필터에 대한 자세한 내용은 보고서 템플릿에서 개체 수준 필터 사용를 참조하십시오.
일련의 개별 열로 추가된 테이블이 있는 템플릿 디자인 표면
-
-
개체 패널에서 테이블의 다른 속성을 조정할 수 있습니다. 테이블 형식 데이터의 서식 속성에 대한 자세한 내용은 표 형식 HTML 데이터의 서식 지정 속성를 참조하십시오.
-
언제든지 테이블 개체를 재사용할 수 있습니다. 옵션 패널에서
을 열고
를 클릭하여 개체를 엽니다. 테이블 태그 추가를 클릭하여 테이블의 새 인스턴스를 단일 항목으로 추가하거나, 빈 테이블 구조를 만들고 각 열 참조를 td 요소에 개별적으로 추가합니다.
열 집합은 단일 테이블 개체로 간주됩니다.
차트에서 더 많은 열 추가하기
열별로 추가된 차트에 추가하기
테이블의 일부 열을 개별적으로 추가한 후 언제든지 더 추가할 수 있습니다. 필요한 절차는 원본 테이블이 하나의 열로 구성되어 있는지, 아니면 두 개 이상의 열로 구성되어 있는지에 따라 다릅니다.
기존 열이 하나인 테이블
개별적으로 추가된 열이 하나만 있는 테이블의 경우 새 열을 추가하는 과정이 더 복잡합니다. 경우에 따라 처음부터 여러 열을 구성하여 개체를 다시 만드는 것이 더 쉬울 수 있습니다. 그러나 단일 열 테이블에 추가 열을 계속 추가할 수 있습니다.
다음과 같이 하십시오.
-
디자인 표면에서 다음 빈 테이블 요소를 빈 영역에 붙여넣습니다.
<table cellspacing="0" style="border-collapse: collapse"> <tbody><tr> <td></td><td></td><td></td> </tr> </tbody></table> -
개별 열의 기존 항목을 잘라내어 방금 추가한 td 요소 중 하나에 붙여넣습니다. 예:
<table cellspacing="0" style="border-collapse: collapse"> <tbody><tr> <td>%%ProductCategory%%</td><td></td><td></td> </tr> </tbody></table> -
기존 개별 열 항목에 커서를 놓습니다.
개체 패널에서 열이 확장된 상태로 테이블 메뉴가 열립니다.
-
열 아래에서 추가할 열을 찾습니다. 열을 확장하고 속성을 구성한 다음 열 태그 추가를 클릭합니다.
-
소스 테이블에서 추가할 각 새 열에 대해 3~4단계를 반복합니다. 필요에 따라 새 <td></td> 항목을 추가해야 하며, 완료하기 전에 사용하지 않는(비어 있는) 모든 <td></td> 항목을 제거해야 합니다.
이 절차를 수행하면 테이블은 개체 패널에서 사용할 수 있는 동일한 테이블 개체로 유지됩니다.
기존 열이 두 개 이상인 테이블
다음과 같이 하십시오.
-
HTML 코드에서 열을 삽입할 위치의 바로 왼쪽에 있는 열의 td 요소를 선택합니다.
개체 패널에서 열이 확장된 상태로 테이블 메뉴가 열립니다.
-
템플릿에 다음을 붙여넣어 새 td 요소를 만듭니다.
<td></td>그런 다음 여는 태그와 닫는 태그 사이에 커서를 놓습니다.
-
개체 패널에서 열의 서식 속성을 구성한 다음 열 태그 추가를 클릭합니다.
열에 대한 참조가 빈 td 요소에 삽입됩니다.
전체 테이블로 추가된 차트에서
단일 테이블 항목으로 이미 추가된 차트의 새 인스턴스를 추가할 수 있습니다. 원래 단일 테이블 항목으로 추가한 개별 열의 인스턴스도 추가할 수 있습니다.
다음과 같이 하십시오.
-
HTML 디자이너에서 콘텐츠를 삽입할 코드의 위치에 커서를 놓습니다.
-
개체 패널에서
을 클릭합니다.
테이블 메뉴가 열립니다.
-
기존 개체 옆의
를 클릭합니다.
-
다음 중 하나를 수행합니다.
-
테이블의 새 인스턴스를 단일 항목으로 추가하려면 테이블 태그 추가를 클릭합니다.
-
단일 열을 추가하려면 열 확장을 클릭합니다. 열 속성을 구성하고 열 태그 추가를 클릭합니다. 구조에 두 개 이상의 열을 추가하는 경우 먼저 빈 테이블 요소를 만들어야 합니다. 기존 열이 하나인 테이블을 참조하십시오.
-