为引导表添加列过滤器(angularjs)

时间:2016-11-19 20:05:52

标签: javascript angularjs twitter-bootstrap web angularjs-filter

我想知道是否有一种简单的方法可以为引导表中的每一列添加简单的过滤器选项(类似于带有多选项选项的excel)。

我在谷歌搜索得足够多,但无法找到相同的答案。

enter image description here

当用户点击此过滤器图标时,会出现一个下拉列表选项的下拉列表。

任何人都可以给我一些指示。

这是我的样本plunkr。如果有人需要更多信息,请告诉我。

https://plnkr.co/edit/XXaSmg7ZzcPJbB70mIpZ?p=preview

<td class="no-wrap-text">Status
                &nbsp;<a href="">
                <i class="fa fa-filter dropdown-toggle" data-toggle="dropdown"></i></a>
                </td>
                <td>Severity&nbsp;
  </td>

1 个答案:

答案 0 :(得分:0)

有一个专为bootstrap编写的jQuery插件: http://www.jquery-bootgrid.com/