|
短视频，自媒体，达人种草一站处事
这篇文章首要先容了html table实现伟大表头的示例代码，文中通过示例代码先容的很是具体，对各人的进修可能事变具有必然的参考进修代价，必要的伴侣们下面跟着小编来一路进修进修吧
行使html做伟大的表格。伟大表格一样平常是用到td的两个属性：rowspan 、colspan属性值。
在html中 标签界说 HTML 表格中的尺度单位格。
(1)rowspan 属性划定单位格可凌驾的行数;
(2)colspan 属性划定单位格可凌驾的列数。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>多表头表格</title>
</head>
<body>
<table cellpadding="1" cellspacing="1">
<tr>
<th rowspan="2">序号</th>
<th rowspan="2">监测位置</th>
<th rowspan="2">供电通路</th>
<th rowspan="2">供电电压</th>
<th rowspan="2">负载电流</th>
<th rowspan="2">雷击次数</th>
<th rowspan="2">最近一次雷击时刻</th>
<th colspan="2">后备掩护空开状态</th>
<th rowspan="2">SPD侵害数目</th>
<th colspan="2">输出空开状态</th>
</tr>
<tr>
<th>B级</th>
<th>C级</th>
<th>1路</th>
<th>2路</th>
</tr>
<tr> <th rowspan="4">1</th>
</tr>
<tr>
<th>1</th>
<th>78</th>
<th>96</th>
<th>67</th>
<th>98</th>
<th>88</th>
<th>75</th>
<th>94</th>
<th>69</th>
<th>23 </th>
<th>33 </th>
</tr>
<tr>
<th colspan="2">提醒提议</th>
<th colspan="2">智能防雷箱状态</th>
<th colspan="2">防雷箱型号</th>
<th colspan="3">防雷箱序列号</th>
<th colspan="2">防雷箱版本</th>
</tr>
<tr>
<th colspan="2">提议整机按规程检测</th>
<th colspan="2">在线</th>
<th colspan="2">2018041201-035PF</th>
<th colspan="3">2018041201-256</th>
<th colspan="2">V1.0.0</th>
</tr>
</table>
</body>
</html>
结果图：
HTML Table配置无边框、无支解线
无边框
<table border=1 frame=void ></table>
frame属性指定了对付边框表现的法则，个中可以选择的配置有如下几项：
void 配置无边框；
above 只表现上边框；
below 只表现下边框；
vsides 只表现阁下边框；
hsides 只表现上下边框；
lhs 只表现左边框；
rhs 只表现右边框。
无支解线
<table border=1 rules=none ></table>
rules属性指定了对付支解线表现的法则，”none”暗示完全无支解线，其它可以配置”rows”、”cols”，仅从字面意思上看很轻易造成误导，这里要留意：rows表白行间无支解线，也就是统一行中的数据没有支解线支解；cols表白列间无支解线，也就是统一列中的数据没有支解线支解。
到此这篇关于html table实现伟大表头的示例代码的文章就先容到这了,更多相干html table伟大表头内容请搜刮剧本之家早年的文章或继承赏识下面的相干文章，但愿各人往后多多支持剧本之家！ （编辑：湖南网）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
