移除内部表过滤器引导

removing inner table filter bootstrap

本文关键字：过滤器 内部      更新时间：2023-09-26

我有一个可过滤的表，其中包含一个列中的可折叠列表。可折叠的桌子上还有另一张桌子。情景示例

问题是，当编写任何内容只过滤所需的项时，内部表也会被过滤。有没有办法避免这种情况。

关于如何显示类似的内容的建议也欢迎。

如果只想从Name列中过滤，可以尝试使用下面的代码:

    $('#filter').keyup(function () {
        var stringValue = $(this).val();
        $("#outer-table tr.row").each( function( index ) {
            $(this).hide();
            $(this).find(".panel-title a:contains("+stringValue+")").parents("tr").show();
        });
    });

编辑:我已经测试了上面的新代码，它像预期的那样工作

HTML的变化，更容易得到只有每一个<tr>是你的外部表的一部分:

  1. 将外表标签从<tbody class="searchable">更改为<tbody id="outer-table" class="searchable">

  2. 然后在NOT within inner-table的每个<tr>中添加一个选择器，如下所示:

     </tr>
 <tr class="row">
        <td><div id="collapsibleMain2" class="panel-group">
 </tr>
 <!-- and so on -->

关于我上面使用的jQuery函数的更多信息:

  • 包含
    • 每个
相关文章：