rowspan in table html does not work

Question

rowspan in table html does not work

Navigation

#1 by (1 votes)

0

I have a table that I want the first columns to be one with the first row, but the rowspan does not work:

<table border="1">
    <thead>
        <tr>
            <th style="width: 97px;"></th>
            <th style="width: 32px;"></th>
            <th style="width: 57px;"></th>
            <th style="width: 56px;"></th>
            <th style="width: 52px;"></th>
            <th style="width: 59px;"></th>
            <th style="width: 52px;"></th>
            <th style="width: 39px;"></th>
            <th colspan="5" style="width: 379px;">
                <h3>MINSAL</h3>
            </th>
        </tr>
        <tr>
            <th rowspan="2" style="width: 97px;">Departamento</th>
            <th rowspan="2" style="width: 32px;">ISSS</th>
            <th rowspan="2" style="width: 57px;">Sanidad Militar</th>
            <th rowspan="2" style="width: 56px;">Alcaldia</th>
            <th style="width: 52px;">Centro Escolar</th>
            <th style="width: 59px;">COLVOL</th>
            <th style="width: 52px;">Lideres</th>
            <th style="width: 39px;">Otros</th>
            <th style="width: 61px;">Personal<br /> M&eacute;dico</th>
            <th style="width: 74px;">Personal<br /> Enfermeria</th>
            <th style="width: 82px;">odontologo</th>
            <th style="width: 101px;">Personal <br /> Administrativo</th>
            <th style="width: 61px;">Otro <br />Personal</th>
        </tr>
    </thead>
</table>

html5 html

asked by Igmer Rodriguez 19.06.2018 в 17:59

source

1 answer

How to solve problem with java Error time out when parsing with .visit ()

score 1 · Accepted Answer

You can try this. It should work. The ROWSPAN is applied to the row at the top of the table for it to work.

<table border="1">
  <thead>
    <tr>
        <th rowspan="2"  style="width: 97px;">Departamento</th>
        <th rowspan="2" style="width: 32px;">ISSS</th>
        <th rowspan="2" style="width: 57px;">Sanidad Militar</th>
        <th rowspan="2" style="width: 56px;">Alcaldia</th>
        <th colspan="5" style="width: 379px;">
            <h3>MINSAL</h3>
        </th>
    </tr>
    <tr>
        <th style="width: 52px;">Centro Escolar</th>
        <th style="width: 59px;">COLVOL</th>
        <th style="width: 52px;">Lideres</th>
        <th style="width: 39px;">Otros</th>
        <th style="width: 61px;">Personal<br /> M&eacute;dico</th>
        <th style="width: 74px;">Personal<br /> Enfermeria</th>
        <th style="width: 82px;">odontologo</th>
        <th style="width: 101px;">Personal <br /> Administrativo</th>
        <th style="width: 61px;">Otro <br />Personal</th>
    </tr>
  </thead>
</table>

Here is a JsFiddle with the code to do more tests.