Like the second cell in the last column?

Asked

Viewed 19 times

1

Whoa, guys, blz? How to line up this table? It is giving way here the Browser is not recognizing that has 8 lines, and with this he is throwing 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>

html table

1 answer

2


Correct is you jump 2 in 2 lines (tr) to insert the cell with rowspan="2", because it will encompass the line (th) where she is and the rear line:

    <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>

Browser other questions tagged html table

You are not signed in. Login or sign up in order to post.