Javascript 使用分组中的行搜索HTML表

我有一个如下所示的表格，但每当我搜索单元格时 最左边的列消失了，因为我使用了一个列，并将其跨越多个列，以提供合并字段的外观

是否有一种方法可以动态显示跨越多个单元格的单元格，以便在搜索后显示

谢谢你的帮助

函数myFunction（）{
//声明变量
var input=document.getElementById（“myInput”）；
var filter=input.value.toUpperCase（）；
var table=document.getElementById（“myTable”）；
var trs=table.tBodies[0].getElementsByTagName（“tr”）；
//循环通过第一个tbody的行
对于（变量i=0；i-1）{
//显示行
trs[i].style.display=“”；
//跳到下一行
继续；
}
}
}
}

*{
框大小：边框框；
}
#我的输入{
背景图片：url（'/css/searchicon.png'）；
背景位置：10px 10px；
背景重复：无重复；
宽度：100%；
字体大小：16px；
填充：12px 20px 12px 40px；
边框：1px实心#ddd；
边缘底部：12px；
}
#我的桌子{
边界塌陷：塌陷；
宽度：100%；
边框：1px实心#ddd；
字号：18px；
}
#我的表th，#我的表td{
文本对齐：左对齐；
填充：12px；
边框：1px实心#ddd；
}
#myTable tr{
边框底部：1px实心#ddd；
}
#myTable tr.header，#myTable tr:悬停{
背景色：#f1f1；
}

主题
老师
建筑
数学101
史密斯

公元101年
王

公元105年
鹰派

M606
英语105

史密斯

坎布挽歌
黄
坎布挽歌
佩雷斯
105

通过您的代码，我建议您要么创建嵌套表结构并更新java脚本，要么只使用数据表（这里是linnk）

---

-感谢您的代码，我建议您要么创建嵌套表结构并更新java脚本，要么只使用数据表（这里是linnk）

---

-谢谢

如果您在搜索后能够灵活地使用

行span

请参见下面的代码段：

函数myFunction（）{
//声明变量
var input=document.getElementById（“myInput”）；
var filter=input.value.trim（）.toUpperCase（）；
var table=document.getElementById（“myTable”）；
var trs=table.tBodies[0].getElementsByTagName（“tr”）；
var ths=table.tHead.getElementsByTagName（“th”）；
var-rowSpan=1；
var rowSpanData=''；
//循环通过第一个tbody的行
对于（变量i=0；i-1）{
//显示行
trs[i].style.display=“”；
if（tds.length==ths.length&&tds[0].hasAttribute（“rowspan”）&&tds[0].getAttribute（“rowspan”）！=1）{
tds[0].setAttribute（“原始行span”，tds[0].getAttribute（“行span”）；
tds[0].setAttribute（“行范围”，1）；
}
如果（tds长度

*{
框大小：边框框；
}
#我的输入{
背景图片：url（'/css/searchicon.png'）；
背景位置：10px 10px；
背景重复：无重复；
宽度：100%；
字体大小：16px；
填充：12px 20px 12px 40px；
边框：1px实心#ddd；
边缘底部：12px；
}
#我的桌子{
边界塌陷：塌陷；
宽度：100%；
边框：1px实心#ddd；
字号：18px；
}
#我的表th，#我的表td{
文本对齐：左对齐；
填充：12px；
边框：1px实心#ddd；
}
#myTable tr{
边框底部：1px实心#ddd；
}
#myTable tr.header，#myTable tr:悬停{
背景色：#f1f1；
}

主题
老师
建筑
数学101
史密斯

公元101年
王

公元105年
鹰派

M606
英语105

史密斯

坎布挽歌
黄
坎布挽歌
佩雷斯
105

如果您在搜索后能够灵活地使用

行span

请参见下面的代码段：

函数myFunction（）{
//声明变量
var input=document.getElementById（“myInput”）；
var filter=input.value.trim（）.toUpperCase（）；
var table=document.getElementById（“myTable”）；
var trs=table.tBodies[0].getElementsByTagName（“tr”）；
var ths=table.tHead.getElementsByTagName（“th”）；
var-rowSpan=1；
var rowSpanData=''；
//循环通过第一个tbody的行
对于（var i=0；i