Question

我有一个只有一列STATUS的简单表。我试图找出一种方法在该单元格顶部放置一个过滤器。

<html>
<body>
  <input type="text" name="status" value=""/>
  <table>
    <tr><th>STATUS</th></tr>
    <tr><td>100</td></tr>
    <tr><td>200</td></tr>
    <tr><td>300</td></tr>
    <tr><td>101</td></tr>
    <tr><td>202</td></tr>
    <tr><td>400</td></tr>
    <tr><td>402</td></tr>
    <tr><td>500</td></tr>
  </table>
</body>
</html>

Answer 1

如果您有可能使用JS插件，请尝试Dynatables。设置简单，灵活。

更新：如果你只需要JS功能，我想你需要首先选择初始html结构，并选择你需要的选项。在$ selectElement上监听事件onChange。然后它触发关于$ selectElement中的所选选项的状态的更改集合（initail集合将由您的州过滤）以这种方式使用$ els = $ .filter（// Condition）以及条件来过滤集合。最后只是渲染：

$.each($els, function(el) {
   $tableBody.append(<td>$els</td>);
});

表格单元格上的简单过滤器

1 个答案: