Question

我有一个通过中继器填充的表，并添加了相关的dataTable .css和.js以启用该插件。这工作正常，并且符合预期。我遇到的问题是如何现在启用一些“过滤器按钮”，当单击这些按钮时，会将基于字符串的过滤器应用于表数据。我可以通过使用可以启用的实际搜索栏来模拟所需的内容，但我希望有一些锚点标签用作可点击按钮/过滤器来触发此操作。

示例表

ID :  Type   
----------
1  :  Car
2  :  Car
3  :  Bike
4  :  Bike
5  :  Car

页面底部的javascript如下：

var table = $('#example').DataTable();

var filteredData = table
    .columns( [0, 1] )
    .data()
    .flatten()
    .filter( function ( value, index ) {
        return value = 'Bike' ? true : false;
    } );

我怀疑定义搜索条件的方式存在问题，在上面的示例中，这是尝试对列0或1中包含字符串'Bike'的任何内容设置过滤器。

任何帮助将不胜感激。

Answer 1

尝试一下：

var table = $('#example').DataTable();
    table.columns( [0, 1] )
        .search('Bike')
        .draw();

参考：https://datatables.net/reference/api/column().search()

jQuery dataTables：基于字符串的过滤器

1 个答案: