如何将td rowpans添加到表?

问题描述：

我在想一种使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>";

答

您可以使用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 the TD. N is number of rows to merge
Don't include TD for the next N row. There should be only one TD for the merged row and that TD should have the rowspan.

呈现表时，您需要在迭代过程中注意上述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>

如何将td rowpans添加到表?

相关推荐