`
雪馨25
  • 浏览: 129632 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

【javaweb】Table带标题，横跨行，横跨列

javawebTable
阅读更多

1、横跨列效果展示

横跨两列 姓名 爱好
张三 唱歌

游泳

代码：

 

<html>
<body>
<table border="1">
<caption>横跨两列</caption>
<tr>
<th>姓名</th>
<th colspan="2" >电话</th>
</tr>
<tr>
<td>张三</td>
<td>唱歌</td>
<td>游泳</td>
</tr>
</table>
</body>
</html>

 

2、横跨行效果展示

 

横跨两行 姓名 爱好
张三
唱歌
游泳

代码：

<table border="1">
<caption>横跨两行</caption>
<tbody>
<tr>
<th>
姓名
</th>
<td>
张三
</td>
</tr>
<tr>
<th rowspan="2" >
爱好
</th>
<td>
唱歌
</td>
</tr>
<tr>
<td>
游泳
</td>
</tr>
</tbody>
</table>

分享到：
| 【java】JTable中某一列设置为下拉列表
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    基于javaweb 的bootstrap table使用案例源码下载

    在JavaWeb开发中，Bootstrap Table是一种非常流行的前端组件，它结合了Bootstrap框架的美观性和功能强大的数据展示能力。本案例提供了使用Bootstrap Table与Ajax进行交互的详细示例，旨在帮助开发者更好地理解和应用...

    基于javaweb 的bootstrap table 案例源码

    8. **扩展功能**：Bootstrap Table还支持排序、单选、多选、列显示隐藏、行编辑等多种功能，可以根据需求选择启用并进行配置。 9. **优化与性能**：为了提高用户体验，应考虑数据的懒加载、错误处理和数据缓存策略...

    javaweb编程爱好者博客地带.zip

    javaweb编程爱好者博客地带javaweb编程爱好者博客地带javaweb编程爱好者博客地带javaweb编程爱好者博客地带javaweb编程爱好者博客地带javaweb编程爱好者博客地带javaweb编程爱好者博客地带javaweb编程爱好者博客地带...

    bootstrap table表格实例,基于javaweb的bootstrap table实例源码下载

    此外，Bootstrap Table还支持许多其他高级特性，比如自定义列操作、行选择、排序、过滤等，这些可以通过设置额外的数据属性或者扩展插件来实现。例如，添加排序功能，只需在需要排序的列上设置`data-sortable="true...

    javaweb期末作业大学活动管理系统源码.zip

    javaweb期末作业大学活动管理系统源码javaweb期末作业大学活动管理系统源码javaweb期末作业大学活动管理系统源码javaweb期末作业大学活动管理系统源码javaweb期末作业大学活动管理系统源码javaweb期末作业大学活动...

    javaWEB 人力资源管理系统源码

    javaWEB 人力资源管理系统源码javaWEB 人力资源管理系统源码javaWEB 人力资源管理系统源码javaWEB 人力资源管理系统源码javaWEB 人力资源管理系统源码javaWEB 人力资源管理系统源码javaWEB 人力资源管理系统源码...

    javaweb 程序填空题

    javaweb 程序填空题

    javaweb期末课程设计大作业自助售票系统源码+数据库.zip

    javaweb期末课程设计大作业自助售票系统源码+数据库javaweb期末课程设计大作业自助售票系统源码+数据库javaweb期末课程设计大作业自助售票系统源码+数据库javaweb期末课程设计大作业自助售票系统源码+数据库javaweb...

    JavaWeb-JavaWeb资源

    JavaWeb

Magicbox
Global site tag (gtag.js) - Google Analytics