Adicionando dados tabulares ao seu modelo HTML

Você pode adicionar a tabela de dados de origem de um gráfico em seu aplicativo como dados tabulares em seu modelo de relatório HTML. Os dados tabulares podem ser adicionados como uma tabela inteira ou como uma ou mais colunas individuais. Independentemente de você adicionar um gráfico como uma única tag de tabela ou como um conjunto de colunas individuais, o objeto subjacente criado será uma tabela. A tabela é adicionada como um objeto no painel de objetos, ao qual você pode retornar a qualquer momento para edição e reutilização.

Gráficos com hipercubos de tipo estático podem ser adicionados como dados tabulares. Quando você adiciona um gráfico como tabela, os campos subjacentes que representam os dados do gráfico são adicionados como colunas ao relatório.

Você adiciona dados tabulares no menu Tabelas do painel de objetos.

Ao selecionar uma tabela, atualize a lista de tabelas disponíveis no aplicativo clicando em .

Adicionando um gráfico inteiro

Você pode adicionar um gráfico inteiro em formato tabular com uma única tag. Os dados do gráfico são inseridos no relatório como uma tabela estática.

Faça o seguinte:

1. No designer HTML, coloque o cursor no local do código em que você deseja inserir a tabela.

2. Clique em no painel de objetos.

   

3. Clique em Adicionar tabela. Uma lista de pastas disponíveis é exibida.

4. Expanda a pasta que contém o gráfico que você deseja adicionar como tabela. Você pode pesquisar o nome do gráfico para refinar a lista de pastas, se necessário.

   Você pode visualizar o gráfico antes de adicioná-lo clicando no nome do gráfico.

5. Clique no ícone ao lado do gráfico.

6. No menu suspenso, selecione Tabela. Isso insere o gráfico como um único item no modelo.

   

7. No painel de objetos, forneça um Nome exclusivo para a tabela para que você possa identificá-la posteriormente.

   

8. Você pode ajustar as propriedades da tabela no painel de objetos. Para obter informações sobre propriedades de formatação para dados tabulares, consulte Propriedades de formatação para dados HTML tabulares.

9. Você pode reutilizar o objeto de tabela a qualquer momento. Abra no painel de opções e clique em para abrir o objeto. Clique em Adicionar tag de tabela para adicionar a tabela novamente.

Adicionando um gráfico por coluna

Um gráfico também pode ser adicionado em formato tabular como um conjunto de colunas simples. Isso permite maior controle sobre a formatação no modelo de relatório.

Os dados do gráfico são inseridos no relatório como uma tabela estática.

Faça o seguinte:

1. No designer HTML, coloque o cursor no local do código em que você deseja inserir as colunas da tabela.

2. Clique em no painel de objetos.

   

3. Clique em Adicionar tabela. Uma lista de pastas disponíveis é exibida.

4. Expanda a pasta que contém o gráfico que você deseja adicionar como tabela. Você pode pesquisar o nome do gráfico para refinar a lista de pastas, se necessário.

   Você pode visualizar o gráfico antes de adicioná-lo clicando no nome do gráfico.

5. Clique no ícone ao lado do gráfico.

6. No menu suspenso, selecione Colunas individuais.

   

7. Selecione as colunas que deseja adicionar ou clique em Todas para inserir todas as colunas do gráfico.

8. O gráfico é adicionado ao modelo como um elemento table, com cada coluna denotada no elemento td dentro dele. Se você adicionar uma única coluna, a coluna será adicionada como um único item, da mesma forma que uma tabela inteira.

   No painel de objetos, forneça um Nome exclusivo para a tabela para que você possa identificá-la posteriormente.

   

9. Você pode ajustar as propriedades da tabela no painel de objetos. Para obter informações sobre propriedades de formatação para dados tabulares, consulte Propriedades de formatação para dados HTML tabulares.

10. Você pode reutilizar o objeto de tabela a qualquer momento. Abra no painel de opções e clique em para abrir o objeto. Clique em Adicionar tag de tabela para adicionar uma nova instância da tabela como um único item ou crie uma estrutura de tabela em branco e adicione cada referência de coluna individualmente nos elementos td.

O conjunto de colunas é considerado um único objeto de tabela.

Adicionando mais colunas de um gráfico

Em um gráfico adicionado por coluna

Depois de adicionar algumas colunas de uma tabela individualmente, você poderá adicionar mais a qualquer momento. O procedimento necessário depende do fato de a tabela original consistir em uma coluna ou em duas ou mais colunas.

Tabela com uma coluna existente

Se você tiver uma tabela com apenas uma coluna adicionada individualmente, o processo para adicionar novas colunas é mais complexo. Em alguns casos, pode ser mais fácil recriar o objeto configurando várias colunas desde o início. No entanto, você ainda pode acrescentar colunas adicionais a uma tabela de coluna única.

Faça o seguinte:

1. Na superfície de design, cole o seguinte elemento de tabela em branco em uma área vazia:

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

2. Recorte e cole o item existente para a coluna individual em um dos elementos td que você acabou de adicionar. Por exemplo:

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

3. Posicione o cursor sobre o item de coluna individual existente.

   No painel de objetos, o menu Tabelas é aberto com a coluna expandida.

4. Encontre a coluna que deseja adicionar em Colunas. Expanda-a, configure suas propriedades e clique em Adicionar tag de coluna.

5. Repita as etapas 3 a 4 para cada nova coluna que você deseja adicionar da tabela de origem. Você precisará adicionar novos itens <td></td> conforme necessário e remover todos os itens não utilizados (vazios) <td></td> antes de terminar.

Quando esse procedimento é realizado, a tabela continua sendo o mesmo objeto de tabela disponível no painel de objetos.

Tabela com duas ou mais colunas existentes

Faça o seguinte:

1. No código HTML, selecione o elemento td para a coluna diretamente à esquerda de onde você deseja inserir uma coluna.

   No painel de objetos, o menu Tabelas é aberto com a coluna expandida.

2. Crie um novo elemento td colando o seguinte em seu modelo:

   <td></td>

   Em seguida, coloque o cursor entre as tags de abertura e fechamento.

3. No painel de objetos, configure as propriedades de formatação de sua coluna e clique em Adicionar tag de coluna.

   A referência à coluna é inserida no elemento em branco td.

De um gráfico adicionado como tabela inteira

Você pode adicionar novas instâncias de um gráfico que já tenha sido adicionado como um único item de tabela. Também é possível adicionar instâncias de colunas individuais que você adicionou originalmente como um único item de tabela.

Faça o seguinte:

1. No designer HTML, coloque o cursor no local do código em que você deseja inserir o conteúdo.

2. Clique em no painel de objetos.

   O menu Tabelas é aberto.

3. Clique em ao lado do objeto existente.

4. Realize uma das seguintes ações:

   1. Para adicionar uma nova instância da tabela como um único item, clique em Adicionar tag de tabela.

   2. Para adicionar colunas individuais, clique em Expandir colunas. Configure as propriedades da coluna e clique em Adicionar tag de coluna. Se adicionar mais de uma coluna em uma estrutura, você precisará criar primeiro um elemento de tabela em branco. Consulte Tabela com uma coluna existente.