Question

我正在使用数据表1.10 ，并要求过滤具有某些值的文本框列的某些列的单个列。

我想按文本框值过滤该列是否有可能＆＃34; **另一个数据表列过滤器**＆＃34; ？

此功能在数据表1.10中可用

我需要在＆＃34;另一个数据表列过滤器＆＃34; 插件中使用相同的功能。

请看我的尝试：

＆＃13;

$.fn.dataTableExt.ofnSearch['html'] = function ( sData ) {
    return $(sData).val();
}

var table = $('#example').DataTable();

$("#search").on('keyup', function() {
    table.columns(2).search($(this).val()).draw();
});

＆＃13;

#search {
    width: 30px;   
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet"/>
<script src="http://cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script>
<link href="http://cdn.datatables.net/1.10.0/css/jquery.dataTables.css" rel="stylesheet"/>
<table id="example">
    <thead>
        <tr>
            <th>col #1</th>
            <th>col #2</th>
            <th><input type="text" id="search"/></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>content</td><td>text</td><td><i class='fa fa-arrows'></i><input type='hidden' value='0'/></td>
        </tr>
        <tr>
            <td>more content</td><td>more text</td><td><i class='fa fa-bar-chart'></i><input type='hidden' value='1'/></td>
        </tr>    
        <tr>
            <td>content #2</td><td>text #2</td><td><i class='fa fa-user'></i><input type='hidden' value='2'/></td>
        </tr>
    </tbody>
</table>

＆＃13;

Answer 1

这是your fiddle after modification（也包括yadcf css / js）

您最好使用datatables html5 data attributes并通过指定html5_data

告诉yadcf html5数据

所以你的js代码看起来像这样：。

var table = $（＆＃39; #example＆＃39;）。DataTable（）;

yadcf.init(table, [{
    column_number: 2,
    filter_type: 'text',
    html5_data: 'data-search'
}]);

YADCF数据表列过滤器 - 根据列中隐藏字段中的值过滤行

1 个答案: