Javascript 在HTML页面中按列筛选和搜索
我正在准备一个仪表板，并准备了一个包含表的静态HTML页面 现在我想为每一列添加filter+search 我从中得到了一个JS文件，正如我在下面的HTML文件中添加的建议，但似乎不起作用 我错过什么了吗？有没有可以使用的快速Java脚本Javascript 在HTML页面中按列筛选和搜索,javascript,html,Javascript,Html,我正在准备一个仪表板，并准备了一个包含表的静态HTML页面 现在我想为每一列添加filter+search 我从中得到了一个JS文件，正如我在下面的HTML文件中添加的建议，但似乎不起作用 我错过什么了吗？有没有可以使用的快速Java脚本 <html> <head> <style> table { font-family: arial; border-collapse: collapse; width: 100%; } td, th {
<html>
<head>
<style>
table {
font-family: arial;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 2px solid #dddddd;
text-align: left;
padding: 8px;
}
</style>
</head>
<body>
<script language="javascript" type="text/javascript" src="C:\Docs\Personal\Study\Scripts\TableFilter_EN\tablefilter.js">
setFilterGrid("myTable");
</script>
<table id='myTable'>
<caption>Lab Dashboard</caption>
<tr style="background-color:DodgerBlue;">
<th>IP</th><th>Ping</th><th>SSHConnectivity</th><th>SSHLogin</th><th>Device Type</th><th>Version</th>
</tr>
<tr>
<td>10.22.156.1</td><td>OK</td><td>OK</td><td>NOK</td><td>Could not find</td><td>ArubaOS (MODEL: ArubaS2500-48P), Version 7.4.1.6 (56990)</td></tr></table>
</body>
</html>
桌子{
字体系列：arial；
边界塌陷：塌陷；
宽度：100%；
}
td，th{
边框：2个实心#dddddd；
文本对齐：左对齐；
填充：8px；
}
setFilterGrid（“myTable”）；
实验室仪表板
IPPINGSSHSCONNECTIVITYSHSLOGINDEVICE类型版本
10.22.156.1 Koknokcould未找到Darubaos（型号：ArubaS2500-48P），版本7.4.1.6（56990）
<html>
<head>
<style>
table {
font-family: arial;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 2px solid #dddddd;
text-align: left;
padding: 8px;
}
</style>
</head>
<body>
<table id="mytable">
<tbody>
<tr>
<tr style="background-color:DodgerBlue;">
<td>IP</td>
<td>Ping</td>
<td>SSHConnectivity</td>
<td>SSHLogin</td>
<td>Device Type</td>
<td>Version</td>
</tr>
<tr>
<td>10.22.156.1</td>
<td>OK</td>
<td>OK</td>
<td>NOK</td>
<td>Could not find</td>
<td>ArubaOS (MODEL: ArubaS2500-48P), Version 7.4.1.6 (56990)</td></tr>
</tr>
<tr>
<td><strong>Sydney</strong></td>
<td>Brisbane</td>
<td>982</td>
<td>1.5</td>
<td>17</td>
<td>16</td>
</tr>
</tbody></table>
<script src="C:\Docs\Personal\Study\Scripts\TableFilter_EN\tablefilter.js"></script>
<script language="javascript" type="text/javascript">
setFilterGrid("mytable");
</script>
</body>
</html>
桌子{
字体系列：arial；
边界塌陷：塌陷；
宽度：100%；
}
td，th{
边框：2个实心#dddddd；
文本对齐：左对齐；
填充：8px；
}
知识产权
发出砰的声响
SSH连接
苏洛金
设备类型
版本
10.22.156.1
好啊
好啊
诺克
找不到
ArubaOS（型号：ArubaS2500-48P），版本7.4.1.6（56990）
悉尼
布里斯班
982
1.5
17
16
setFilterGrid（“mytable”）；