拆分表格單元格成兩列HTML

我有如下表：拆分表格單元格成兩列HTML

<table border="1"> 
    <tr> 
    <th scope="col">Header</th> 
    <th scope="col">Header</th> 
    <th scope="col">Header</th> 
    </tr> 
    <tr> 
    <th scope="row">&nbsp;</th> 
    <td>&nbsp;</td> 
    <td>Split this one into two columns</td> 
    </tr> 
</table>

我要拆分含有細胞「拆分此一進兩列」成兩個細胞/列。我如何去做這件事？

Fiddle

來源

2013-10-01 user1038814

定義「拆分爲兩列」。哪些列？如果你的意思是你想在表格中添加一列並將部分單元格內容移動到新列，那麼可能會有什麼問題呢？只需添加一列，每行添加一個單元格。 –

像這樣http://jsfiddle.net/8ha9e/1/

添加colspan="2"到第三<th>，然後有4 <td>的你的第二排。

<table border="1"> 
    <tr> 
    <th scope="col">Header</th> 
    <th scope="col">Header</th> 
    <th scope="col" colspan="2">Header</th> 
    </tr> 
    <tr> 
    <th scope="row">&nbsp;</th> 
    <td>&nbsp;</td> 
    <!-- The following two cells will appear under the same header --> 
    <td>Col 1</td> 
    <td>Col 2</td> 
    </tr> 
</table>

來源

2013-10-01 11:59:22 MrMisterMan

更改<td>被分裂成這樣：

<td><table><tr><td>split 1</td><td>split 2</td></tr></table></td>

來源

2013-10-01 11:59:58 cameronjonesweb

你有兩個選擇。

在標題中使用一個額外的列，並使用<colspan>在你的頭伸用單電池的兩個或多個列。
插入td內<table> 2列要在額外列。

來源

2013-10-01 12:00:13

是你想找的？

<table border="1"> 
<tr> 
<th scope="col">Header</th> 
<th scope="col">Header</th> 
<th scope="col" colspan="2">Header</th> 
</tr> 
<tr> 
<th scope="row">&nbsp;</th> 
<td>&nbsp;</td> 
<td>Split this one</td> 
<td>into two columns</td> 
</tr> 
</table>

來源

2013-10-01 12:02:19 GMZ

用這個例子，你可以在http://hypermedia.univ-paris8.fr/jean/internet/ex_table.html與colspan屬性拆分

<TABLE BORDER> 
    <TR> 
     <TD>Item 1</TD> 
     <TD>Item 1</TD> 
     <TD COLSPAN=2>Item 2</TD> 
    </TR> 
    <TR> 
     <TD>Item 3</TD> 
     <TD>Item 3</TD> 
     <TD>Item 4</TD> 
     <TD>Item 5</TD> 
    </TR> 
</TABLE>

更多的例子。

來源

2013-10-01 12:03:13

這個問題是我如何在單擊表格標題時對兩個tds進行排序， – PirateApp

請嘗試以下方法。

<table> 
    <tr> 
    <th>Month</th> 
    <th>Savings</th> 
    </tr> 
    <tr> 
    <td>January</td> 
    <td>$100</td> 
    </tr> 
    <tr> 
    <td>February</td> 
    <td>$80</td> 
    </tr> 
    <tr> 
    <td colspan="2">Sum: $180</td> 
    </tr> 
</table>

來源

2017-07-06 09:00:15

我來到這裏是爲了一個類似的問題，我面對我的表頭。

@ MrMisterMan的回答以及其他人的回答確實很有幫助，但是邊界擊敗了我的遊戲。所以，我做了一些研究，找到使用rowspan。

這就是我所做的，我想這可能會幫助其他人面對類似的東西。

<table style="width: 100%; margin-top: 10px; font-size: 0.8em;" border="1px"> 
 
    <tr align="center" > 
 
     <th style="padding:2.5px; width: 10%;" rowspan="2">Item No</th> 
 
     <th style="padding:2.5px; width: 55%;" rowspan="2">DESCRIPTION</th> 
 
     <th style="padding:2.5px;" rowspan="2">Quantity</th> 
 
     <th style="padding:2.5px;" colspan="2">Rate per Item</th> 
 
     <th style="padding:2.5px;" colspan="2">AMOUNT</th> 
 
    </tr> 
 
    <tr> 
 
     <th>Rs.</th> 
 
     <th>P.</th> 
 
     <th>Rs.</th> 
 
     <th>P.</th> 
 
    </tr> 
 
</table>

來源

2017-10-15 05:41:11 lU5er

拆分表格單元格成兩列HTML

回答

相關問題