As the second cell of the last column?

1

Opa galera, blz? How to align this table? It is giving a stick here the Browser is not recognizing that it has 8 lines, and with this it is playing the second cell to the right.

<table class="table" width="100" style="width: 100%!important; border: 1px #ccc solid!important;" border="1">
<thead>
<tr>
    <th rowspan="8">1</th>
    <th rowspan="8">2</th>
    <th rowspan="8">3</th>
    <th>4</th>
    <th>5</th>
    <th rowspan="2">6</th>
</tr>

<tr>
    <th>4</th>
    <th>5</th>
    <th rowspan="2">6</th>
</tr>
<tr>
    <th>4</th>
    <th>5</th>
</tr>
<tr>
    <th>4</th>
    <th>5</th>
</tr>
<tr>
    <th>4</th>
    <th>5</th>
    <th rowspan="2">6</th>
</tr>
<tr>
    <th>4</th>
    <th>5</th>
</tr>
<tr>
    <th>4</th>
    <th>5</th>
    <th rowspan="2">6</th>
</tr>
<tr>
    <th>4</th>
    <th>5</th>
</tr>
</thead>

    
asked by anonymous 30.10.2017 / 23:21

1 answer

2

The correct one is to jump every 2 rows ( tr ) to insert the cell with rowspan="2" , because it will include the line ( th ) in which it is and the line later:

    <table class="table" width="100" style="width: 100%!important; border: 1px #ccc solid!important;" border="1">
    <thead>
    <tr>
        <th rowspan="8">1</th>
        <th rowspan="8">2</th>
        <th rowspan="8">3</th>
        <th>4</th>
        <th>5</th>
        <th rowspan="2">6</th>
    </tr>
    
    <tr>
        <th>4</th>
        <th>5</th>
    </tr>
    <tr>
        <th>4</th>
        <th>5</th>
        <th rowspan="2">6</th>
    </tr>
    <tr>
        <th>4</th>
        <th>5</th>
    </tr>
    <tr>
        <th>4</th>
        <th>5</th>
        <th rowspan="2">6</th>
    </tr>
    <tr>
        <th>4</th>
        <th>5</th>
    </tr>
    <tr>
        <th>4</th>
        <th>5</th>
        <th rowspan="2">6</th>
    </tr>
    <tr>
        <th>4</th>
        <th>5</th>
    </tr>
    </thead>
    </table>
    
30.10.2017 / 23:34