我有一个使用Bootstrap和HTML的表,我希望行(Sum 0)右对齐并位于最后一列。这就是我所做的,但它仍然在第一列的下面。
<table class="table">
<thead>
<tr>
<th>Option</th>
<th>ID</th>
<th>Name</th>
<th>Price</th>
<th>Quantity</th>
<th>Total</th>
</tr>
<?php
$cart = unserialize(serialize($_SESSION['cart']));
$sum = 0;
for($i = 0; $i < count($cart); $i++){
$sum += $cart[$i]->price * $cart[$i]->quantity;
?>
<tr class="success">
<td><a href="cart.php?id=<?php echo $cart[$i]->id; ?>&action=delete" onClick="return confirm('Are you sure?')">Delete</a></td>
<td><?php echo $cart[$i]->id; ?></td>
<td><?php echo $cart[$i]->name; ?></td>
<td><?php echo $cart[$i]->price; ?></td>
<td><?php echo $cart[$i]->quantity; ?></td>
<td><?php echo $cart[$i]->price * $cart[$i]->quantity; ?></td>
</tr>
<?php } ?>
<div class="text-right">
<tr class="danger">
<td style="width:50%;float:left" colspan="5">Sum</td>
<td style="width:50%;float:right"><span class="pull-right"><?php echo $sum ?></span></td>
</tr>
</div>
</thead>
</table>
3条答案
按热度按时间mfuanj7w1#
您需要为汇总行提供与第一行中定义的列数相同的列数。请将前几个表单元格留空或使用
colspan
属性。根据需要调整空单元格和列跨度长度。您可以轻松地将 “Sum” 和关联值包含到单个单元格中。
cig3rfwq2#
首先,你不能在
<table>
中使用<div>
。另外,你不需要任何float
值。只要把你的<table>
的width: 100%
。看看下面的代码片段。看起来这就是你所需要的:sdnqo3pr3#
根据图像进行编辑,将
colspan
从5
变更为6
,并删除包含总和0数据row
的div
。