td rowpans添加到表?
it1352
帮助1人
问题说明
我在想一种使td rowpans具有相同项目的方法吗?..我的意思是
I was thinking of a way to make td rowspans with the same items?.. I mean
请看下表，这是输出的样子，只是一个例子.
look at this table below, this how the output looks like, just an example.
如何使输出看起来像这样，所以处理起来会很容易.
how can I make the output look like this, so handling things will be easy..
在这里编码
$get = file_get_contents('URL');
$json = json_decode($get, true);
$items = $json['Catalogue'][0]['Accessories'];
$quantity = $json['Accessories'][1]['Quantity'];
$price = $json['Accessories'][2]['Price'];
echo
"<table border=1>
<tr>
<th width=200px>Items</th>
<th width=100px>Quantity</th>
<th width=100px>Price</th>
</tr>
<tr>
<td>".$items."</td>
<td>".$quantity."</td>
<td>".$price."</td>
</tr>
</table>";
正确答案
#1
您可以使用rowspan创建所需的表.参见下面的演示.
You could use rowspan to create the desired table you like. See below demo.
您需要注意的两件事，
- 将
rowspan="N"添加到要显示TD的起始行. N是要合并的行数 - 在下一个
N行中不包括TD.合并的行应该只有一个TD，并且TD应该具有rowspan.
- Add
rowspan="N"to the starting row where you going to show theTD. N is number of rows to merge - Don't include
TDfor the nextNrow. There should be only oneTDfor the merged row and thatTDshould have therowspan.
呈现表时，您需要在迭代过程中注意上述2条规则.
You need to take care of the above 2 rules in your iterate when rendering the table.
td, th { text-align: center; }<table border="1">
<tr>
<th style="width:200px">Items</th>
<th style="width:100px">Quantity</th>
<th style="width:100px">Price</th>
</tr>
<tr>
<td rowspan="3">Sports Watch</td>
<td>1</td>
<td>$89.99</td>
</tr>
<tr>
<td>2</td>
<td>$179.98</td>
</tr>
<tr>
<td>3</td>
<td>$267.97</td>
</tr>
<tr>
<td rowspan="2" style="text-align: center;">Portable Digital Camera</td>
<td>1</td>
<td>$196.99</td>
</tr>
<tr>
<td>2</td>
<td>$393.98</td>
</tr>
</table>这篇好文章是转载于：学新通技术网
