本文实例为大家分享了js实现表格数据搜索的具体代码,供大家参考,具体内容如下
表格数据搜索名称 | 城市 |
---|---|
Alfreds Futterkiste | Germany |
Berglunds snabbkop | Sweden |
Island Trading | UK |
Koniglich Essen | Germany |
CSS:
#myInput{
background: url('https://static.runoob.com/images/mix/searchicon.png')no-repeat;
background-position: 10px 12px;
width:100%;
padding: 12px 20px 12px 40px;
border:1px solid #ddd;
font-size: 16px;
margin-bottom: 12px;
border-radius: 6px;
}
#myTable {
width: 100%;
border: 1px solid #ddd;
font-size: 18px;
border-collapse:collapse;
}
#myTable th,td{
text-align: left;
padding:15px 12px;
}
#m