过滤基于通配符的引导JS表行列

时间:2015-05-08 23:25:08

标签: twitter-bootstrap bootstrap-table

我使用boostrapTable函数创建了一个带引导程序的表。我需要尝试按列过滤表格,但我需要使用通配符来查找特定字符串YesNo

从我读过的fnFilter数据表中我会得到我需要的东西,但我找不到bootstrapTable的等价物

看起来这对数据表有用,但不适用于bootstrap

$('.spammy_links').click(function() {
    $table.fnFilter("^"+"search_string"+"$", column_name, true);
});

以下是过滤器的引导版本,但没有外卡选项。这实际上有效,但只有记录只包含YesNo

$('.spammy_links').click(function() {
    $table.bootstrapTable('filterBy', {
        indexed: 'Yes'
    });
});

bootstrap中有类似内容吗?

1 个答案:

答案 0 :(得分:0)

由于Twitter Bootstrap Row Filter / Search Box

,我最终找到了解决方案

我稍微修改了标题以便更具描述性。

所有我需要做的是添加我改变了一点

的代码
$('tbody').addClass('searchable'); //<-- Add class to tbody for filter below
$('.spammy_links').on('click', function() {
    var rex = new RegExp('No', 'i');
    $('.searchable tr').hide();
    $('.searchable tr').filter(':has(td:nth-child(2):contains("No"))',function() {
        return rex.test($(this).text());
    }).show();
});