为了账号安全,请及时绑定邮箱和手机立即绑定

请教怎样让表格最后一行显示总计,只有一个单元格

请教一下,一个x行x列的表格,最后一行只要有一单元格并且长度等于表格行的长度,靠右显示总计。谢谢!


正在回答

6 回答

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Title</title>
</head>
<style>
table,th,tr,td{
border:1px solid #000;
   }
th,td{
width:100px;
height:30px;
   }

table{
border-collapse: collapse;
border-spacing: 0;
   }
</style>
<body>
<table>
   <tbody>
   <tr>
       <th>xxx</th>
       <th>xxx</th>
       <th>xxx</th>
       <th>xxx</th>
   </tr>
   <tr>
       <td></td>
       <td></td>
       <td></td>
       <td></td>
   </tr>
   <tr>
       <td></td>
       <td></td>
       <td></td>
       <td></td>
   </tr>
   <tr>
       <td></td>
       <td></td>
       <td></td>
       <td></td>
   </tr>
   <tr>
       <td colspan="4" style="text-align:right;">总计: 000000000000</td>
   </tr>
   </tbody>
</table>
</body>
</html>

1 回复 有任何疑惑可以回复我~
#1

wehome 提问者

非常感谢!
2016-04-12 回复 有任何疑惑可以回复我~
#2

芽色的清茶 回复 wehome 提问者

不客气,互相学习。
2016-04-12 回复 有任何疑惑可以回复我~

 楼上这样可以

<tr>
       <td colspan="4" style="text-align:right;">总计: 000000000000</td>
   </tr>

只要把colspan的值改成你那个表的x列,总计的值改成你想要的就可以了 

1 回复 有任何疑惑可以回复我~

colspan

1 回复 有任何疑惑可以回复我~

<table>

<tr>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

<td></td>

</tr>

<tr>

<td colspan="3"></td>

</tr>

</table>

这是一个列子

1 回复 有任何疑惑可以回复我~

在最后一行加一个属性 cols="n" n为表格的个数,文字靠右显示:style="text-align:right"

1 回复 有任何疑惑可以回复我~

<tr>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td>&nbsp;</td>

</tr>

试试在dreamever中考虑使用ap元素

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

请教怎样让表格最后一行显示总计,只有一个单元格

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号