¿Cómo insertar una tabla en una ventana emergente de atributo personalizado?

DavidSemitekol3

Estoy intentando insertar una tabla en la ventana emergente mediante la visualización de atributos personalizados.  Al crear el contenido en HTML y en la vista previa (imagen 1), se puede ver la tabla, pero al hacer clic en un símbolo, la ventana emergente no muestra la tabla, sino solo los datos (imagen 2).  También he incluido el comienzo del código HTML de ejemplo (imagen 3).

¿O hay alguna forma de dar formato a la lista de texto para que quede bien espaciada?

Gracias

MarkHoyland

I could get a table to display in a custom attribute display. 

Here is what I used (based on the table example at Tryit Editor v3.1 )

<style>
#mytable {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#mytable td, #mytable th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

#mytable tr:nth-child(even) {
  background-color: #eeeeee;
}

#mytable th {
  font-weight:bold;
}

</style>

<table id="mytable">
<tbody>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Mexico</td>
  </tr>
  <tr>
    <td>Ernst Handel</td>
    <td>Roland Mendel</td>
    <td>Austria</td>
  </tr>
  <tr>
    <td>Island Trading</td>
    <td>Helen Bennett</td>
    <td>UK</td>
  </tr>
  <tr>
    <td>Laughing Bacchus Winecellars</td>
    <td>Yoshi Tannamuri</td>
    <td>Canada</td>
  </tr>
  <tr>
    <td>Magazzini Alimentari Riuniti</td>
    <td>Giovanni Rovelli</td>
    <td>Italy</td>
  </tr>
</tbody></table>