HTML 템플릿에 표 형식 데이터 추가

앱의 차트에서 소스 테이블을 HTML 보고서 템플릿의 표 형식 데이터로 추가할 수 있습니다. 표 형식의 데이터는 전체 테이블 또는 하나 이상의 개별 열로 추가할 수 있습니다. 차트를 단일 테이블 태그로 추가하든 개별 열 집합으로 추가하든, 만드는 기본 개체는 테이블입니다. 테이블 개체 패널에 개체로 추가되며, 언제든지 편집하고 재사용할 수 있습니다.

직선형 하이퍼큐브가 있는 차트는 표 형식 데이터로 추가할 수 있습니다. 차트를 테이블로 추가하면 차트의 데이터를 나타내는 기본 필드가 보고서에 열로 추가됩니다.

개체 패널의 테이블 메뉴에서 표 형식의 데이터를 추가합니다.

테이블을 선택할 때 앱에서 사용할 수 있는 테이블 목록을 새로 고치려면 을 클릭합니다.

전체 차트 추가

단일 태그를 사용하여 전체 차트를 표 형식으로 추가할 수 있습니다. 차트 데이터는 보고서에 일반표로 삽입됩니다.

다음과 같이 하십시오.

1. HTML 디자이너에서 테이블을 삽입하려는 코드의 위치에 커서를 놓습니다.

2. 개체 패널에서 을 클릭합니다.

   

3. 테이블 추가를 클릭합니다. 사용할 수 있는 시트 목록이 나타납니다.

4. 테이블로 추가하려는 차트가 있는 시트를 확장합니다. 필요한 경우 차트 이름을 검색하여 시트 목록을 구체화할 수 있습니다.

   차트 이름을 클릭하면 차트를 추가하기 전에 미리 볼 수 있습니다.

5. 차트 옆에 있는 아이콘을 클릭합니다.

6. 드롭다운 메뉴에서 테이블을 선택합니다. 이렇게 하면 차트가 템플릿에 단일 항목으로 삽입됩니다.

   

7. 개체 패널에서 나중에 식별할 수 있도록 테이블에 고유한 이름을 제공합니다.

   

8. 개체 패널에서 테이블의 속성을 조정할 수 있습니다. 표 형식 데이터의 서식 속성에 대한 자세한 내용은 표 형식 HTML 데이터의 서식 지정 속성을 참조하십시오.

9. 언제든지 테이블 개체를 다시 사용할 수 있습니다. 옵션 패널에서 을 열고 을 클릭하여 개체를 엽니다. 테이블 태그 추가를 클릭하여 테이블을 다시 추가합니다.

열별 차트 추가

차트는 단일 열 집합으로 표 형식으로 추가할 수도 있습니다. 이를 통해 보고서 템플릿 내의 서식을 더 효과적으로 제어할 수 있습니다.

차트 데이터는 보고서에 일반표로 삽입됩니다.

다음과 같이 하십시오.

1. HTML 디자이너에서 테이블 열을 삽입하려는 코드의 위치에 커서를 놓습니다.

2. 개체 패널에서 을 클릭합니다.

   

3. 테이블 추가를 클릭합니다. 사용할 수 있는 시트 목록이 나타납니다.

4. 테이블로 추가하려는 차트가 있는 시트를 확장합니다. 필요한 경우 차트 이름을 검색하여 시트 목록을 구체화할 수 있습니다.

   차트 이름을 클릭하면 차트를 추가하기 전에 미리 볼 수 있습니다.

5. 차트 옆에 있는 아이콘을 클릭합니다.

6. 드롭다운 메뉴에서 개별 열을 선택합니다.

   

7. 추가하려는 열을 선택하거나 모두를 클릭하여 차트의 모든 열을 삽입합니다.

8. 차트는 템플릿에 table 요소로 추가되고, 각 열은 해당 요소 내의 td 요소에 표시됩니다. 단일 열을 추가하는 경우 해당 열은 단일 항목으로 추가됩니다. 이는 전체 테이블이 추가되는 방식과 같습니다.

   개체 패널에서 나중에 식별할 수 있도록 테이블에 고유한 이름을 제공합니다.

   

9. 개체 패널에서 테이블의 속성을 조정할 수 있습니다. 표 형식 데이터의 서식 속성에 대한 자세한 내용은 표 형식 HTML 데이터의 서식 지정 속성을 참조하십시오.

10. 언제든지 테이블 개체를 다시 사용할 수 있습니다. 옵션 패널에서 을 열고 을 클릭하여 개체를 엽니다. 테이블 태그 추가를 클릭하여 테이블의 새 인스턴스를 단일 항목으로 추가하거나 빈 테이블 구조를 만들고 각 열 참조를 개별적으로 td 요소에 추가합니다.

열 집합은 단일 테이블 개체로 간주됩니다.

차트에서 더 많은 열 추가

열별로 추가된 차트로

테이블의 일부 열을 개별적으로 추가한 후 언제든지 더 추가할 수 있습니다. 필요한 절차는 원래 테이블 하나의 열로 구성되어 있는지, 두 개 이상의 열로 구성되어 있는지에 따라 다릅니다.

기존 열이 하나 있는 테이블

개별적으로 열이 하나만 추가된 테이블이 있는 경우 새 열을 추가하는 프로세스가 더 복잡해집니다. 어떤 경우에는 처음부터 여러 열을 구성하여 개체를 다시 만드는 것이 더 쉬울 수 있습니다. 하지만 단일 열 테이블에도 열을 추가할 수는 있습니다.

다음과 같이 하십시오.

1. 설계 화면에서 다음 빈 테이블 요소를 빈 영역에 붙여넣습니다.

     <table cellspacing="0" style="border-collapse: collapse">
     <tbody><tr>
     <td></td><td></td><td></td>
     </tr>
     </tbody></table>

2. 개별 열의 기존 항목을 잘라내어 방금 추가한 td 요소 중 하나에 붙여넣습니다. 예:

     <table cellspacing="0" style="border-collapse: collapse">
     <tbody><tr>
     <td>%%ProductCategory%%</td><td></td><td></td>
     </tr>
     </tbody></table>

3. 기존의 개별 열 항목에 커서를 놓습니다.

   개체 패널에서 열이 확장된 상태로 테이블 메뉴가 열립니다.

4. 열에서 추가하려는 열을 찾습니다. 확장하고 속성을 구성한 다음 열 태그 추가를 클릭합니다.

5. 소스 테이블에서 추가하려는 새 열마다 3~4단계를 반복합니다. 필요에 따라 새로운 <td></td> 항목을 추가하고, 완료하기 전에 사용되지 않는(빈) <td></td> 항목을 모두 제거해야 합니다.

이 절차를 수행하면 테이블은 개체 패널에서 사용할 수 있는 동일한 테이블 개체로 유지됩니다.

두 개 이상의 기존 열이 있는 테이블

다음과 같이 하십시오.

1. HTML 코드에서 열을 삽입하려는 위치 바로 왼쪽에 있는 열의 td 요소를 선택합니다.

   개체 패널에서 열이 확장된 상태로 테이블 메뉴가 열립니다.

2. 다음을 템플릿에 붙여넣어 새 td 요소를 만듭니다.

   <td></td>

   그런 다음 커서를 시작 태그와 끝 태그 사이에 놓습니다.

3. 개체 패널에서 열의 서식 속성을 구성한 다음 열 태그 추가를 클릭합니다.

   열에 대한 참조는 빈 td 요소에 삽입됩니다.

전체 테이블로 추가된 차트에서

이미 단일 테이블 항목으로 추가된 차트의 새 인스턴스를 추가할 수 있습니다. 원래 단일 테이블 항목으로 추가한 개별 열의 인스턴스를 추가할 수도 있습니다.

다음과 같이 하십시오.

1. HTML 디자이너에서 콘텐츠를 삽입하려는 코드의 위치에 커서를 놓습니다.

2. 개체 패널에서 을 클릭합니다.

   테이블 메뉴가 열립니다.

3. 기존 개체 옆에 있는 을 클릭합니다.

4. 다음 중 하나를 수행합니다.

   1. 테이블의 새 인스턴스를 단일 항목으로 추가하려면 테이블 태그 추가를 클릭합니다.

   2. 단일 열을 추가하려면 열 확장을 클릭합니다. 열 속성을 구성하고 열 태그 추가를 클릭합니다. 구조에 두 개 이상의 열을 추가하는 경우 먼저 빈 테이블 요소를 만들어야 합니다. 기존 열이 하나 있는 테이블을 참조하십시오.