Añadir datos de tablas a su plantilla de HTML

Puede añadir la tabla de origen de un gráfico de su app como datos tabulares en su plantilla de informes de HTML. Los datos tabulares pueden añadirse como una tabla completa o como una o varias columnas individuales. Tanto si añade un gráfico como una etiqueta de tabla única o como un conjunto de columnas individuales, el objeto subyacente que crea es una tabla. La tabla se añade como objeto en el panel de objetos, al que puede volver en cualquier momento para editarla y reutilizarla.

Los gráficos con hipercubos de tipo simple pueden añadirse como datos tabulares. Cuando agrega un gráfico como tabla, los campos subyacentes que representan los datos del gráfico se agregan como columnas al informe.

Los datos tabulares se añaden en el menú Tablas del panel de objetos.

Cuando seleccione una tabla, actualice la lista de tablas disponibles desde la app pulsando .

Agregar un gráfico completo

Puede agregar un gráfico completo en forma de tabla con una sola etiqueta. Los datos del gráfico se insertan en el informe como una tabla simple.

Haga lo siguiente:

1. En el diseñador de HTML, sitúe el cursor en la ubicación del código donde desee insertar la tabla.

2. Haga clic en en el panel de objetos.

   

3. Haga clic en Añadir tabla. Aparece una lista de hojas disponibles.

4. Expanda la hoja que contiene el gráfico que desea añadir como tabla. Puede buscar el nombre del gráfico para refinar la lista de hojas si es necesario.

   Puede previsualizar el gráfico antes de añadirlo haciendo clic en el nombre del gráfico.

5. Haga clic en el icono situado junto al gráfico.

6. En el menú desplegable, seleccione Tabla. Esto inserta el gráfico como un único elemento en la plantilla.

   

7. En el panel de objetos, proporcione un Nombre único a la tabla para poder identificarla más adelante.

   

8. Puede ajustar las propiedades de la tabla en el panel de objetos. Para obtener información sobre las propiedades de formato de los datos tabulares, consulte Propiedades de formato para datos tabulares de HTML.

9. Puede reutilizar el objeto de tabla en cualquier momento. Abra en el panel de opciones y haga clic en para abrir el objeto. Haga clic en Añadir etiqueta de tabla para volver a añadir la tabla.

Agregar un gráfico por columnas

También se puede agregar un gráfico en forma tabular como un conjunto de columnas individuales. Esto permite un mayor control sobre el formato dentro de la plantilla de informes.

Los datos del gráfico se insertan en el informe como una tabla simple.

Haga lo siguiente:

1. En el diseñador de HTML, sitúe el cursor en la ubicación del código en la que desea insertar las columnas de la tabla.

2. Haga clic en en el panel de objetos.

   

3. Haga clic en Añadir tabla. Aparece una lista de hojas disponibles.

4. Expanda la hoja que contiene el gráfico que desea añadir como tabla. Puede buscar el nombre del gráfico para refinar la lista de hojas si es necesario.

   Puede previsualizar el gráfico antes de añadirlo haciendo clic en el nombre del gráfico.

5. Haga clic en el icono situado junto al gráfico.

6. En el menú desplegable, seleccione Columnas individuales.

   

7. Seleccione las columnas que desea agregar o haga clic en Todo para insertar todas las columnas del gráfico.

8. El gráfico se añade a la plantilla como un elemento table, con cada columna denotada en el elemento td dentro de ella. Si añade una sola columna, ésta se añadirá como un único elemento, del mismo modo que se añade una tabla completa.

   En el panel de objetos, proporcione un Nombre único a la tabla para poder identificarla posteriormente.

   

9. Puede ajustar las propiedades de la tabla en el panel de objetos. Para obtener información sobre las propiedades de formato de los datos tabulares, consulte Propiedades de formato para datos tabulares de HTML.

10. Puede reutilizar el objeto de tabla en cualquier momento. Abra en el panel de opciones y haga clic en para abrir el objeto. Haga clic en Añadir etiqueta de tabla para añadir una nueva instancia de la tabla como un único elemento, o cree una estructura de tabla en blanco y añada cada referencia de columna individualmente en los elementos de td.

El conjunto de columnas se considera un objeto único de la tabla.

Agregar más columnas de un gráfico

En un gráfico agregado por columna

Tras agregar algunas columnas de una tabla individualmente, puede agregar más en cualquier momento. El procedimiento necesario depende de si la tabla original consta de una columna o de dos o más columnas.

Tabla con una columna existente

Si tiene una tabla con una sola columna añadida individualmente, el proceso para añadir nuevas columnas es más complicado. En algunos casos, puede ser más fácil volver a crear el objeto configurando varias columnas desde el principio. Sin embargo, aún puede añadir columnas adicionales a una tabla de una sola columna.

Haga lo siguiente:

1. En la superficie de diseño, pegue el siguiente elemento de tabla en blanco en una zona vacía:

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

2. Corte y pegue el elemento existente para la columna individual en uno de los elementos de td que acaba de añadir. Por ejemplo:

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

3. Sitúe el cursor sobre el elemento de columna individual existente.

   En el panel de objetos, se abre el menú Tablas con la columna expandida.

4. Busque la columna que desea añadir en Columnas. Amplíela, configure sus propiedades y haga clic en Añadir etiqueta de columna.

5. Repita los pasos 3 a 4 para cada nueva columna que desee añadir desde la tabla de origen. Tendrá que añadir nuevos elementos de <td></td> según sea necesario y eliminar todos los elementos no utilizados (vacíos) de <td></td> antes de terminar.

Cuando se realiza este procedimiento, la tabla sigue siendo el mismo objeto de tabla que está disponible en el panel de objetos.

Tabla con dos o más columnas existentes

Haga lo siguiente:

1. En el código HTML, seleccione el elemento td para la columna situada justo a la izquierda de donde desea insertar una columna.

   En el panel de objetos, se abre el menú Tablas con la columna expandida.

2. Cree un nuevo elemento td pegando lo siguiente en su plantilla:

   <td></td>

   A continuación, coloque el cursor entre sus etiquetas de apertura y cierre.

3. En el panel de objetos, configure las propiedades de formato de su columna y, a continuación, haga clic en Añadir etiqueta de columna.

   La referencia a la columna se inserta en el elemento td en blanco.

Desde un gráfico agregado como tabla completa

Puede agregar nuevas instancias de un gráfico que ya se haya agregado como elemento de una tabla. También puede añadir instancias de columnas individuales que originalmente añadió como un único elemento de la tabla.

Haga lo siguiente:

1. En el diseñador de HTML, sitúe el cursor en la ubicación del código donde desee insertar el contenido.

2. Haga clic en en el panel de objetos.

   Se abre el menú Tablas.

3. Haga clic en junto al objeto existente.

4. Tome una de las opciones siguientes:

   1. Para añadir una nueva instancia de la tabla como un único elemento, haga clic en Añadir etiqueta de tabla.

   2. Para añadir columnas individuales, haga clic en Expandir columnas. Configure las propiedades de la columna y haga clic en Añadir etiqueta de columna. Si añade más de una columna a una estructura, tendrá que crear primero un elemento de tabla en blanco. Vea Tabla con una columna existente.