List.js不适用于表

我正在尝试使用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上的搜索字段中的任何输入后的表身和删除它也不会恢复表。你可以帮我吗？

来源

2014-02-11 lithiium

你有一个错字ValueNames变量名应该是valueNames。你的代码在这里的一个工作示例：http://jsfiddle.net/pTEJ3/

来源

2014-03-13 18:01:52 pna

Hallo @pna，有无论如何有多个搜索字段为同一个表给每个列他自己的搜索字段？ –

List.js不适用于表

回答

相关问题