如何使用jQuery DataTables插件在特定列中进行搜索?

jhkqcmku  于 2022-12-18  发布在  jQuery
关注(0)|答案(2)|浏览(240)

我使用jquery dataTable plugin来显示一个包含(用户名、日期和电子邮件)的表。我想禁用用户名和电子邮件列的过滤/搜索,只启用日期搜索。当我单击搜索字段时,我将打开一个日历来选择我们要查找的日期。
我只是想使用这个插件过滤日期,基本上。这可以做到吗?

  • 编辑-
    我看过文件:dateRange但它对我不起作用,我添加了
('.dataTable').dataTable()
    .columnFilter({
        sPlaceHolder: "head:before",
        aoColumns: [null, { type: "date-range" }, null]
    });

我复制了标题,但无法获得日期字段或任何其他字段来搜索数据。

sg2wtvxw

sg2wtvxw1#

您可以使用column().search()来搜索特定值,例如:

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

  $('#search-input').on('change', function(){

    table
    .column(4)
    .search(this.value)
    .draw();

  });

Working Demo
Refrences

sr4lhrrt

sr4lhrrt2#

有多种方法可以做到这一点,其中之一是下面提到的,我个人认为这是最简单的一种,下面你定义哪些列不寻找,而搜索使用数据表搜索。

$('#example').dataTable( {
'columnDefs' : [
        { 
           'searchable'    : false, 
           'targets'       : [0,2,3] 
        },
    ]
} );

相关问题