Javascript 使用Datatable的按钮进行自定义筛选

Javascript 使用Datatable的按钮进行自定义筛选,javascript,jquery,datatable,Javascript,Jquery,Datatable,我正在为我当前的项目使用Datatable。在我的一个表中,我有几个列。其中一列为状态列,该列将有三个值之一,分别为打开、拒绝、和批准。我想用三个按钮过滤表中显示的记录,进行中和关闭,如下所示: <div class="btn-group pull-right"> <button id="onprogress" class="btn btn-default filter">On Process</button> <button id="c

我正在为我当前的项目使用Datatable。在我的一个表中,我有几个列。其中一列为
状态
列,该列将有三个值之一,分别为
打开
拒绝
、和
批准
。我想用三个按钮过滤表中显示的记录,
进行中
关闭
,如下所示:

<div class="btn-group pull-right">
    <button id="onprogress" class="btn btn-default filter">On Process</button>
    <button id="closed" class="btn btn-default filter">Closed</button>
    <button id="all" class="btn btn-default filter">All</button>
</div>
javascript代码对于#onprogrees按钮很有效,因为它只搜索一个值
Open
。如何使其与双值搜索一起工作


(#关闭按钮应显示状态为
已拒绝
已完成
的记录)

要从单列中搜索多个值,您可以使用管道,如下所示:

dataTable.columns(4).search("Rejected|Done", true, false, true).draw();
您必须传递四个参数,如下所示:

dataTable.columns(4).search("Rejected|Done", true, false, true).draw();
  • 输入:搜索要应用于表的字符串
  • Regx:将其视为正则表达式
    (true)
    或不
    (默认值,false)
  • 智能:执行智能搜索(默认值,true)或不执行智能搜索(false)。有关智能搜索的说明,请参见下文
  • caseensen:进行不区分大小写的匹配(默认值,true)或不区分大小写的匹配(false)
  • var table=$(“#示例”).DataTable()

    桌子 .栏目(4) .search(“”) .draw()