表格分组标签：表格行分组中的隐藏功能
在程序员的认知中，表格中存在行分组标签，也就是thead，tbody，tfoot三个行分组标签。也许你会认为我在这里还是为大家继续讲解thead，tbody，tfoot三个标签，那就大错特错了
今天除了要讲解他的基础作用之外，还要为大家带来一个开发中经常使用他的小妙招，在以后的开发中你绝对会爱上表格的分组标签
一、表格分组标签的作用：
thead、tfoot 以及 tbody 元素对表格中的行进行分组。当您创建某个表格时，需要数据进行分区进行显示的时候，我们可以使用行分组标签
Thead代表的则是表格的头部，简称为表头
Tbody代表的则是表格的主体，主要应用在数据显示区域内容
Tfoot代表的则是表格的尾部，简称表尾
在使用表格组开发的时候，如果不对表格行进行分组的话，那么默认都属于 tbody 中，如果想要查找表格内部的单元格（td）则不能直接使用table>tr>td去查找，因为浏览器中默认会为表格进行分组：如下图：默认表格结构中没有分组标签的使用，但是在浏览器中浏览器会自动添加tbody进行分组；
所以实际开发的时候我们为了避免与浏览器中的tbody造成冲突，需要添加分组标签；或者是查找元素的时候使用后代选择器（table td）或者是对应浏览器中的子代(table>tbody>tr>td)查找元素
二、添加不添加thead是否有影响呢?
如果我们单纯的只考虑开发效果，把东西做完，添加分组标签与否均可。但是添加thead和tfoot这些分组标签的另外一个小技巧，小作用是什么呢？就是方便我们打印的时候能出现我们的“页眉和页脚”
实际开发过程中，有些表格数据在浏览器中需要我们直接进行打印，但是打印的时候我们需要每一页上面均有表头，这就需要我们使用表格的分组标签来实现了
使用分组标签前在浏览器中打印显示效果：表头只在第一页显示，并且第一页数据结束没有表格横线；第二页没有任何信息表头；
为表格添加thead表头之后
显示效果如下：轻松搞定每一页都有表头信息
好了，有没有发现表格分组标签的强大之处，并且如果你要想添加表格的脚注，可以使用表格的尾部分组标签来完成哦；大家一起动手演示起来吧。需要源码的找我哦
表格分组标签：表格行分组中的隐藏功能相关推荐
- CTF中遇到不知道文件类型_AE中你不知道的隐藏功能-Mask与特效
AE中你不知道的隐藏功能-Mask与特效 "没关系"就是有关系,形容事情的好坏的顺序是很棒.很好.还行.不行.太糟了.没关系. - <破产姐妹> 我们平时理解的Mask ...
- 在HTML中表示表格的标签是,在html中，表格的标签是（）。
_ 下面几种说法中错误的是()A．2a表示两个a相加B．平行四边形一定是轴对称图形C．从6:00到8:00,时针旋转了60°D 下列分子或离子中,能形成分子内氢键的有______:不能形成分子间氢键的 ...
- 用计算机做表格的超链接,如何在Excel中插入”超链接”功能
我们在中文Excel中查阅数据时,往往须要把工作表从头至尾浏览一遍,如果工作表很长,这样做显得很麻烦.使用中文Excel提供的超链接功能,只须单击鼠标,即可跳转到当前工作表的某个位置或者其他工作表(甚 ...
- html th表格居中,HTML----之表格
一.创建表格的基本语法: 单元格内的文字 ... ... 总结: 表格的主要目的是用来显示特殊数据的 一个完整的表格有表格标签(table),行标签(tr),单元格标签(td)组成,没有列的标签 中只 ...
- android神隐模式,涨姿势！MIUI 中竟然有这么多隐藏功能
[IT168 评测]从最初版本的版本开始,MIUI 就一直以功能丰富.实用著称,拥有众多贴心的设计.随着不断的优化和功能的累积,其实在当前版本的 MIUI 中,有很多功能并没有被大家发现和使用.那现在 ...
- android手机隐藏功能游戏,涨姿势！MIUI中竟然有这么多隐藏功能
[IT168 评测]从最初版本的版本开始,MIUI就一直以功能丰富.实用著称,拥有众多贴心的设计.随着不断的优化和功能的累积,其实在当前版本的MIUI中,有很多功能并没有被大家发现和使用.那现在,我就 ...
- CAD编辑器中怎么隐藏图纸中标注的尺寸？
我们在编辑绘制CAD图纸的时候,通常会对CAD图纸中的内容进行尺寸标注.但是在我们传输CAD图纸的时候,可能为了CAD图纸的简洁明了,而选择隐藏CAD图纸中的标注尺寸.该怎么隐藏CAD图纸中标注的尺寸 ...
- Web前端，HTML表格相关标签和属性，在网页中表格结构的显示
一.表格的基本标签 场景: 在网页中以行+列的单元格的方式整齐展示和数据,如:学生成绩表 代码 <!-- table 包含 tr, tr包含td --><table border=& ...
- html 表格 边框 分组,CSS表格补充(table)
表格table作用:用来显示数据 table > tr >th / td tr:表格的每一行 th :表格的列标题 td: 单元格 表格标签补充: 表格分组 1.表格行分组标签: 表头:表 ...
最新文章
- python编辑时怎样换行_python怎么换行输入
- mysql数据库商业版与社区版的区别
- BugkuCTF-WEB题文件上传
- C#3.0笔记(一)预备知识之Delegate
- 用swift开发仪表盘控件（一）
- 访问通信录 适配iOS7
- hololens发布修改工程名字
- 【参赛作品19】【openGauss】gsql客户端工具（二）gsql客户端工具之Data Studio客户端工具
- 重装系统大法—WePE or 老毛桃
- [转载] 七龙珠第一部——第016话 寻找石头的功夫
- 无线鼠标指针乱跑一种解决方案
- html5在线视频编辑器,WeVideo：视频编辑器
- IMU与GPS传感器ESKF融合定位
- 如何修改github博客主题
- Facebook新闻摘要算法是怎样的
- 需要将录音转文字在线转换，应该如何完成
- 美联储3月议息会议：表面风平浪静，下面暗流涌动
- 十进制转二进制，用java的两种基本方法，适合新手
- 现在开一间网吧还能挣钱么？
- 机器人专业需要学习那些理论知识