1

estoy intentando crear una tabla que ocupe 2 columnas en un solo campo de una tabla. hasta ahora tengo lo siguiente:

    <table>
        <thead>
            <tr>
                <td class="center">Comprador</td>
                <td class="center" colspan="2">Sucursal 1</td>
                <td class="center" colspan="2">Sucursal 2</td>
            </tr>
            <tr>
               <td></td>
               <td class="center">Proveedores</td>
               <td class="center">Productos</td>
               <td class="center">Proveedores</td>
               <td class="center">Productos</td>
            </tr>
      </thead>
  </table>

Ejemplo de como se ve actualmente

pero "Comprador" se muestra en la primera fila, no en las dos. deseo que se muestre en las dos.

Alguna idea de como realizar esto? Deseo que se vea así: (edité la imagen para mostrarlo) Resultado esperado

2
  • 1
    No entiendo, talvez deberias poner una imagen de lo que quieres lograr.
    – alanfcm
    Commented el 26 ago. 2019 a las 20:46
  • hice una edición de mi post, a ver si es más claro de esta manera. Commented el 26 ago. 2019 a las 21:15

2 respuestas 2

2

Aquí un ejemplo de lo que necesitas:

<table border="1">
  <col>
  <colgroup span="2"></colgroup>
  <colgroup span="2"></colgroup>
  <tr>
    <td rowspan="2">Comprador</td>
    <th colspan="2" scope="colgroup">Sucursal 1</th>
    <th colspan="2" scope="colgroup">Sucursal 2</th>
  </tr>
  <tr>
    <th scope="col">Proveedores</th>
    <th scope="col">Productos</th>
    <th scope="col">Proveedores</th>
    <th scope="col">Prodcutos</th>
  </tr>
</table>

Puedes revisar en la siguiente página sobre este tema:

2

Debe usar la propiedad rowspan de la etiqueta td del comprador

<td class="center" rowspan="2">Comprador</td>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.