Tablas

Las tablas te permiten mostrar información de forma ordenada y estructurada por filas y columnas.

Tabla simple

      
            Puesto
            Nombre
            País
          
            Mayordomo
            Jacqueline Nelson
            Macedonia
          
            Cocinero
            George Skinner
            Filipinas

Puesto	Nombre	País
Mayordomo	Jacqueline Nelson	Macedonia
Cocinero	George Skinner	Filipinas

<div class="ox-auto">
  <table>
    <thead>
      <tr>
        <th>Puesto</th>
        <th>Nombre</th>
        <th>País</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Mayordomo</td>
        <td>Jacqueline Nelson</td>
        <td>Macedonia</td>
      </tr>
      <tr>
        <td>Cocinero</td>
        <td>George Skinner</td>
        <td>Filipinas</td>
      </tr>
    </tbody>
  </table>
</div>

Tabla de ancho fijo

Especialmente útil cuando las tablas son muy largas ya que cargan mas rápido, usando un algoritmo del navegador para calcular el ancho de las columnas.

      
            Puesto
            Nombre
            País
          
            Cocinero
            Francisco Mendoza
            Perú
          
            Guardia
            Luis Navarro
            Chile

Puesto	Nombre	País
Cocinero	Francisco Mendoza	Perú
Guardia	Luis Navarro	Chile

<div class="ox-auto">
  <table class="has-fixed-layout">
    <thead>
      <tr>
        <th>Puesto</th>
        <th>Nombre</th>
        <th>País</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Cocinero</td>
        <td>Francisco Mendoza</td>
        <td>Perú</td>
      </tr>
      <tr>
        <td>Guardia</td>
        <td>Luis Navarro</td>
        <td>Chile</td>
      </tr>
    </tbody>
  </table>
</div>