Javascript 如何在表中生成不同数量的行和列
我得到了一个包含三列(名称、日期、秘密)和动态行的表。我想要两排人头。第一列和第三列应使用第一行和第二行作为一行。我知道我可以用rowspan=“2”来实现这一点。现在的问题是,我需要第二个标题行有四列。我需要第二行的第二列和第三列与第一行的“日期”列一样大。所以我想把我的“日期”栏分为“开始”和“结束”。所以只要有一个开始时间和结束时间。 所以我的第一行是名字,日期,秘密。 我的第二行应该是Name,begin,end,secret,但和第一行一样大。日期应该在开始和结束时分开 请参见下面带有下拉菜单和复选框的“我的代码”。我没有包括第二排,因为我不知道怎么做Javascript 如何在表中生成不同数量的行和列,javascript,html,xslt,Javascript,Html,Xslt,我得到了一个包含三列(名称、日期、秘密)和动态行的表。我想要两排人头。第一列和第三列应使用第一行和第二行作为一行。我知道我可以用rowspan=“2”来实现这一点。现在的问题是,我需要第二个标题行有四列。我需要第二行的第二列和第三列与第一行的“日期”列一样大。所以我想把我的“日期”栏分为“开始”和“结束”。所以只要有一个开始时间和结束时间。 所以我的第一行是名字,日期,秘密。 我的第二行应该是Name,begin,end,secret,但和第一行一样大。日期应该在开始和结束时分开 请参见下面带有
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:fo="http://www.w3.org/1999/XSL/Format">
<xsl:template match="/">
<html>
<head><title>Shared Secrets</title></head>
<body>
<h1>Shared Secrets</h1>
<table id="myTable">
<colgroup>
<col width="150" style="background-color:red"></col>
<col width="165"></col>
</colgroup>
<tr style ="background-color:grey">
<th>plane
<select id="modelRangeDropdown" onchange="filterReports()">
<option selected="selected">All</option>
<xsl:for-each select="logstore/plane">
<option>
<xsl:value-of select="Name" />
</option>
</xsl:for-each>
</select>
</th>
<th>Datum</th>
<th>Secret
<input type="checkbox" id="identicalSecrets" onchange="identicalSecrets()"></input>
<label for="identicalSecrets">hide identical secrets</label>
</th>
</tr>
<xsl:for-each select="logstore/plane/trigger">
<tr>
<td><xsl:value-of select="../Name"/></td>
<td><xsl:value-of select="date"/></td>
<td><xsl:value-of select="secret"/></td>
</tr>
</xsl:for-each>
</table>
<script type="text/javascript" src="/../../filterReports.js"></script>
<script type="text/javascript" src=/../../identicalSecrets.js"></script>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
共享秘密
共享秘密
飞机
全部的
资料
秘密
隐藏相同的秘密
HTML行范围属性
例如:
具有跨两行的表格单元格的HTML表格:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
<th>Savings for holiday!</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
<td rowspan="2">$50</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
月
储蓄
度假储蓄!
一月
$100
$50
二月
$80
定义和用法rowspan属性指定单元格应跨越的行数
更多示例
使用rowspan=“0”的示例:
月
储蓄
度假储蓄!
一月
$100
$100
二月
$80
答案与上次基本相同:使用所需的最大列/行数作为基数,然后使用rowspan
/colspan
连接单元格。这是上次的提琴,经过修改以符合新的要求:另请参见此处:您的问题不是这样说的,它要求将日期列一分为二。不管怎样,也许你应该画出你想要的结构,然后把它添加到问题中?编辑:……您删除了注释。
<table>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
<th rowspan="3">Savings for holiday!</th>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
<td rowspan="0">$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>