2014-02-11 40 views
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上的搜索字段中的任何輸入後的表身和刪除它也不會恢復表。你可以幫我嗎?

回答

2

你有一個錯字ValueNames變量名應該是valueNames。你的代碼在這裏的一個工作示例:http://jsfiddle.net/pTEJ3/

+0

Hallo @pna,有無論如何有多個搜索字段爲同一個表給每個列他自己的搜索字段? –

相關問題