dataTable前端实现搜索

要在前端实现dataTable的搜索功能，首先需要引入jQuery和dataTable插件。然后，可以按照以下步骤进行操作：

1. 在HTML中添加一个input元素，用于接收用户输入的搜索关键词。

2. 在JavaScript中初始化dataTable，并设置搜索框为dataTable的搜索框，代码如下：

$(document).ready(function() {
  $('#myTable').DataTable();
  
  // 设置搜索框为dataTable的搜索框
  $('#searchInput').keyup(function(){
    $('#myTable').DataTable().search($(this).val()).draw() ;
  })
});

3. 在dataTable中设置需要搜索的列，代码如下：

$(document).ready(function() {
  $('#myTable').DataTable({
    "searching": true, // 开启搜索功能
    "columns": [
      null, // 第一列
      null, // 第二列
      { "searchable": false } // 第三列不可搜索
    ]
  });
  
  // 设置搜索框为dataTable的搜索框
  $('#searchInput').keyup(function(){
    $('#myTable').DataTable().search($(this).val()).draw() ;
  })
});

这样就可以在前端实现dataTable的搜索功能了。用户在搜索框中输入关键词，dataTable会自动搜索包含该关键词的行，并将结果显示出来。