简体   繁体   English

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

[英]Adding column filter for bootstrap table (angularjs)

I am wondering if there is an easy way to add the simple filter options (similar to excel with multiselect option) for each column in a bootstrap table. 我想知道是否有一种简单的方法来为引导表中的每一列添加简单的过滤器选项(类似于具有multiselect选项的excel)。

I have searched enough on google, but couldn't find a single answer for same. 我已经在Google上搜索了足够的内容,但找不到相同的答案。

在此处输入图片说明

When a user will click this filter icon, a dropdown should appear which multiselect option. 当用户单击此过滤器图标时,将出现一个下拉菜单,其中包含多选选项。

Can anyone give me some pointers on this. 谁能给我一些指导。

Here is my sample plunkr. 这是我的小品。 Please let me know if anyone need any more information. 请让我知道是否有人需要更多信息。

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

<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>

有一个专门为引导程序编写的jQuery插件: http : //www.jquery-bootgrid.com/

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM