2017-11-03 90 views
-1

更新表並行rowspans

更多解決的例子here

-

我有一個很難與表rowspans。

我想達到以下效果。

enter image description here

說明總是讚賞。

另外,您認爲有助於理解的任何其他示例,請分享。

這裏的片段:

<table border='1'> 
 
    <tr> 
 
    <th>Month</th> 
 
    <th>Savings</th> 
 
    <th>Savings for holiday!</th> 
 
    </tr> 
 
    <tr> 
 
    <td rowspan="2">January</td> 
 
    <td>$100</td> 
 
    <td>$50</td> 
 
    </tr> 
 
    <tr> 
 
    <td>February</td> 
 
    <td>$80</td> 
 
    </tr> 
 
</table> 
 

 
<br><br><br> 
 

 
<table border='1'> 
 
    <tr> 
 
    <th>Month</th> 
 
    <th>Savings</th> 
 
    <th>Savings for holiday!</th> 
 
    </tr> 
 
    <tr> 
 
    <td rowspan="2">January</td> 
 
    <td>$100</td> 
 
    <td>$50</td> 
 
    </tr> 
 
    <tr> 
 
    <td>February</td> 
 
    <td>$80</td> 
 
    </tr> 
 
</table>

回答

1

試試下面的代碼很容易,如果你更多地瞭解表的流程是如何工作的

<table border='1'> 
 
    <tr> 
 
    <th>Month</th> 
 
    <th>Savings</th> 
 
    <th>Savings for holiday!</th> 
 
    </tr> 
 
    <tr> 
 
    <td rowspan="2">January</td> 
 
    <td rowspan="2">$100</td> 
 
    <td>$50</td> 
 
    </tr> 
 
    <tr> 
 
    
 
    <td>$80</td> 
 
    </tr> 
 
</table> 
 

 
<br><br><br> 
 

 
<table border='1'> 
 
    <tr> 
 
    <th>Month</th> 
 
    <th>Savings</th> 
 
    <th>Savings for holiday!</th> 
 
    </tr> 
 
    <tr> 
 
    <td rowspan="2">January</td> 
 
    <td>$100</td> 
 
    <td rowspan="2">$50</td> 
 
    </tr> 
 
    <tr> 
 
    <td>February</td> 
 
    
 
    </tr> 
 
</table>
理解

+1

Thx。從這兩個解決的例子中,我得到了rowflow的工作原理。 – jack