html表格中的trtdth⽤法
表格是html中经常使⽤到的，简单的使⽤可能很多⼈都没问题，但是更深⼊的了解的⼈恐怕不多，下⾯我们先来看⼀下如何使⽤。
<table>是<tr>的上层标签
<tr>必须在⼀个<table></table>⾥⾯，它不能单独使⽤，相当于<table>的属性标签.
<table>标⽰⼀个表格,<tr>标⽰这个表格中间的⼀个⾏
<td>标⽰⾏中的⼀个列，需要嵌套在<tr></tr>中间
具体格式是:(两⾏两列)
<table>
<tr>
<td></td>
<td></td>
</tr>
</teble>
<th>和<td>⼀样，也是需要嵌套在<tr>当中的,<tr>嵌套在<table>当中
<table>...</table> ⽤于定义⼀个表格开始和结束
<th>...</th> 定义表头单元格。表格中的⽂字将以粗体显⽰（<TH>与<TD>同样是标⽰⼀个储存格，唯⼀不同的是<TH>所标⽰的储存格中的⽂字是以粗体出现，即可以这样看：
<th>⽂字</th>=<td><b>⽂字</b></td>
），
在表格中也可以不⽤此标签，<th>标签必须放在<tr>标签内
<tr>...</tr> 定义⼀⾏标签，⼀组⾏标签内可以建⽴多组由<td>或<th>标签所定义的单元格
<td>...</td> 定义单元格标签，⼀组<td>标签将将建⽴⼀个单元格，<td>标签必须放在<tr>标签内
。
<th>为表格标题，属性summar为摘要，<caption>标签为⾸部说明，<thead>标签为表格头部，<tbody>标签为表格主体内容，<tfoot>标签为表格尾部。
其中还可以使⽤scope 可⽤于取代headers属性，标记含有表头信息的单元格，其中各数值的内容如下：
　row 指⽰当前单元格，为包含当前单元格的⾏提供相关的表头信息。
　col 指⽰当前单元格，为根据当前单元格指定的列提供相应的表头信息。
　rowgroup 指⽰当前单元格，为包含当前单元格的其余⾏组提供相关的表头信息。
　colgroup 指⽰当前单元格，为根据当前单元格指定的其余列组提供相应的表头信息。
abbr ⽤于定义表头单元格中的缩写名，如果没有定义该属性，则将默认单元格内容为节略形式。
标准表格模型
<table>
<caption></caption>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
</tr>
</tfoot>
</table>
相关：
<th>不光是粗体，还是居中的
<caption>也是居中的，⽽且如果table有border的话则caption不在border之内
TFOOT 元素内包含的有效标签有：html表格元素
TD
TH
TR
任何给定的 table 对象都只能定义⼀个 tFoot
实际遇到的问题
1.
  需要：表头固定，tbody 部份滚动。
  操作：给 tbody 设置 display: block; overflow-y: aotu; height:5rem;
  问题：table 表格的格式乱了，tbody ⽆法和 thead 对齐。
  解决：给 thead 和 tbody 下的 <tr></tr> 设置同样的样式：display: flex; 2.
  ⾏合并：colspan = 3 ，包括⾃⼰和后⾯两个⼀共三个合并
  列合并：rowspan = 4
<td colSpan={3} rowSpan={4}></td>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。