内容简介:翻译自:https://stackoverflow.com/questions/15063738/how-to-include-2-columns-under-one-column-header-in-html-table
我想创建一个html表,它应该如下所示:
我知道我将不得不使用colspan / rowspan属性,但是如何?有人可以帮忙吗?
我试过以下:
<table> <thead> <tr> <th>Evaluation</th><th>Approval</th> <th colspan="2" >Points</th> <th>Total</th> <th>Date</th><th>Award Amount</th><th>Last Modified By</th> </tr> </thead> <tbody> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr> </tbody> </table>
但是给我结果如下:
显然,我需要在第3个头文件中加分头(Points),如何实现呢?
这是表全结构
<table> <tr> <td rowspan="2"></td> <td rowspan="2"></td> <td colspan="2"></td> <td rowspan="2"></td> <td rowspan="2"></td> <td rowspan="2"></td> </tr> <tr> <td></td> <td></td> </tr> </table>
谢谢…
翻译自:https://stackoverflow.com/questions/15063738/how-to-include-2-columns-under-one-column-header-in-html-table
以上所述就是小编给大家介绍的《如何在html表中的一个列标题下包含2列?》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:- html – 数据价值,数据标题,数据原始标题,原始标题等的目的和用法是什么?
- 测试标题
- 深度有趣 | 25 图像标题生成
- Markodwn 标题对齐的同步滚动
- 标题带背景图片的表格
- 自定义按钮 图片标题位置随意放置
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
测试驱动的JavaScript开发
Christian Johansen / 赵勇、程德、凌杰、高博 / 机械工业出版社 / 2012-2-9 / 69.00元
本书是一本完整的、基于最佳实践的JavaScript敏捷测试指南,同时又有着测试驱动开发方法(TDD)所带来的质量保证。领先一步的JavaScript敏捷开发者Christian Johansen的讨论涵盖了将最先进的自动化测试用于JavaScript开发环境的方方面面,带领读者走查整个开发的生命周期,从项目启动到应用程序部署。本书的主要内容包括:掌握自动化测试和TDD;构建有效的自动化测试工作流......一起来看看 《测试驱动的JavaScript开发》 这本书的介绍吧!