Javascript 结合SlickGrid过滤器示例

我喜欢本例中过滤器的功能：

其中，每列都有自己的过滤器，但我还需要以下过滤器的功能：

它可以通过点击按钮隐藏和显示

---

是否可以从第一个链接使用过滤器，从第二个链接使用过滤器的“隐藏功能”？谢谢

是的。在第一个示例中，可以使用方法

grid.hideHeaderRowColumns（）

隐藏过滤条。然后使用

grid.showHeaderRowColumns（）

再次显示它

例如，导航到第一个链接，并将URL栏的内容替换为：

javascript:grid.hideHeaderRowColumns()

然后按回车键。您应该可以看到过滤条向上滑动。如果您是从第一个示例代码构建应用程序，那么您应该能够在几乎任何地方调用这些函数，即

<input type="button" onclick="grid.hideHeaderRowColumns();" value="Hide Filter" />

以及隐藏的元素：

<div id="inlineFilterPanel" 
         style="display:none;background:#dddddd;padding:3px;color:black;">
    Show tasks with title including 
      <input type="text" id="txtSearch2">
    and % at least &nbsp; 
      <div style="width:100px;display:inline-block;" id="pcSlider2"></div>
</div>

显示标题为的任务，包括
而且至少有%

<div id="inlineFilterPanel" 
         style="display:none;background:#dddddd;padding:3px;color:black;">
    Show tasks with title including 
      <input type="text" id="txtSearch2">
    and % at least &nbsp; 
      <div style="width:100px;display:inline-block;" id="pcSlider2"></div>
</div>