1
我正在嘗試使用list.js在表上執行「實時」搜索。我已經在列表上成功測試過(像http://listjs.com/examples/existing-list中的示例一樣)。但是,我無法複製表的這種行爲。List.js不適用於表
我已經這樣做了小的代碼複製問題:
<!DOCTYPE html>
<html><head>
<title>Test try</title>
<meta charset="UTF-8">
<script type="text/javascript" src="list.min.js"></script>
</head><body>
<div id="payload">
<input class="search" placeholder="Search">
<table style="border: 1px solid black">
<thead>
<th>a</th>
<th>b</th>
<th>c</th>
<th>d</th>
</thead>
<tbody class="list" >
<tr>
<td class="a">Lorem </td>
<td class="b">ipsum </td>
<td class="c">dolor </td>
<td class="d">sit </td>
</tr>
<tr>
<td class="a">amet</td>
<td class="b">consectetur </td>
<td class="c">adipiscing </td>
<td class="d"> elit </td>
</tr>
</tbody>
</table>
</div>
<script>
var options = {ValueNames: ['a','b','c','d']};
var searchable = new List('payload', options);
</script>
</body>
</html>
出於某種原因,我無法確定,這是不工作,在FF上的搜索字段中的任何輸入後的表身和刪除它也不會恢復表。你可以幫我嗎?
Hallo @pna,有無論如何有多個搜索字段爲同一個表給每個列他自己的搜索字段? –