Javascript 数据表单列搜索

我有一个基本表，我只想搜索一列

到目前为止，我掌握的代码是

正如您可以看到的，在每个列的底部都有一个搜索过滤器，但是我只希望在

office

列上有一个搜索过滤器

如果搜索过滤器位于顶部，而不是像现在这样位于底部，这也会很好

基本上，我希望我的表看起来类似于，但是我不希望在每列上都有一个过滤器，我只希望在one列上有一个one过滤器

感谢您的帮助

我的代码如下

//设置-向每个页脚单元格添加文本输入
$（'#示例tfoot th'）。每个（函数（）{
var title=$（this.text（）；
$（this.html（“”）；
});
//数据表
变量表=$（“#示例”）.DataTable（）；
//应用搜索
table.columns（）.every（函数（））{
var=这个；
$（'input'，this.footer（））.on（'keyup change'，function（））{
if（that.search（）！==此.value）{
那个
.search（此.value）
.draw（）；
}
});
});

名称
位置
办公室
年龄
开始日期
薪水
名称
位置
办公室
年龄
开始日期
薪水
老虎尼克松
系统架构师
爱丁堡
61
2011/04/25
$3,120
加勒特温特斯
经理
爱丁堡
63
2011/07/25
$5,300
阿什顿考克斯
技术作者
旧金山
66
2009/01/12
$4,800
塞德里克·凯利
Javascript开发人员
爱丁堡
22
2012/03/29
$3,600
詹娜·艾略特
财务总监
爱丁堡
33
2008/11/28
$5,300
布里尔·威廉姆森
集成专家
纽约
61
2012/12/02
$4,525
赫罗德·钱德勒
营业员
旧金山
59
2012/08/06
$4,080
罗娜·戴维森
集成专家
爱丁堡
55
2010/10/14
$6,730
科琳赫斯特
Javascript开发人员
旧金山
39
2009/09/15
$5,000
索尼娅·弗罗斯特
软件工程师
爱丁堡
23
2008/12/13
$3,600
杰娜·盖恩斯
系统架构师
伦敦
30
2008/12/19
$5,000
奎因·弗林
财务总监
爱丁堡
22
2013/03/03
$4,200
查尔德·马歇尔
区域主任
旧金山
36
2008/10/16
$5,300
海莉·肯尼迪
高级市场设计师
伦敦
43
2012/12/18
$4,800
塔蒂亚娜·菲茨帕特里克
区域主任
伦敦
19
2010/03/17
$2,875
迈克尔·席尔瓦
高级市场设计师
伦敦
66
2012/11/27
$3,750
柏德
Javascript开发人员
纽约
64
2010/06/09
$5,000
格洛丽亚·利特尔
系统管理员
纽约
59
2009/04/10
$3,120
布拉德利·格里尔
软件工程师
伦敦
41
2012/10/13
$3,120
戴里奥斯
系统架构师
爱丁堡
35
2012/09/26
$4,200
杰内特·考德威尔
财务总监
纽约
30
2011/09/03
$4,965
尤里浆果
系统架构师
纽约
40
2009/06/25
$3,600
凯撒万斯
技术作者
纽约
21
2011/12/12
$4,965
多丽丝·怀尔德
营业员
爱丁堡
23
2010/09/20
$4,965
当归
系统架构师
伦敦
36
2009/10/09
$2,875
加文·乔伊斯
开发商
爱丁堡
42
2010/12/22
$4,525
张珍妮弗
区域主任
伦敦
28
2010/11/14
$4,080
布伦登·瓦格纳
软件工程师
旧金山
18
2011/06/07
$3,750
乌木灰
软件工程师
旧金山
48
2010/03/11
$2,875
拉塞尔·查韦斯
经理
爱丁堡
20
2011/08/14
$3,600
米歇尔之家酒店
集成专家
爱丁堡
37
2011/06/02
$3,750
苏基伯克斯
开发商
伦敦
53
2009/10/22
$2,875
普雷斯科特·巴特利特
技术作者
伦敦
27
2011/05/07
$6,730
加文·科尔特斯
技术作者
旧金山
22
2008/10/26
$6,730
马蒂娜·麦克雷
集成专家
爱丁堡
46
2011/03/09
$4,080
统一管家
高级市场设计师
旧金山
47
2009/12/09
$3,750
霍华德·哈特菲尔德
财务总监
旧金山
51
2008/12/16
$4,080
希望富恩特斯
财务总监
旧金山
41
2010/02/12
$4,200
维维安·哈雷尔
系统架构师
旧金山
62
2009/02/14
$4,965
蒂莫西·穆尼
财务总监
伦敦
37
2008/12/11
$4,200
杰克逊·布拉德肖
经理
纽约
65
2008/09/26
$5,000
米里亚姆·韦斯
支持工程师
爱丁堡
64
2011/02/03
$4,965
布鲁诺·纳什
软件工程师
伦敦
38
2011/05/
$('#example tfoot th').each(function() {
  var title = $(this).text();
  $(this).html('<input type="text" placeholder="Search ' + title + '" />');
});

$('#example thead th').each(function() {

  var title = $(this).text();
  if(title == 'Office'){
  $(this).append('<br /><input type="text" placeholder="Search ' + title + '" />');
  }
});

// Setup - add a text input to each footer cell
$('#example tfoot th').each(function() {
  var title = $(this).text();
  $(this).html('<input type="text" placeholder="Search ' + title + '" />');
});

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

// Apply the search
table.columns().every(function() {
  var that = this;

  $('input', this.footer()).on('keyup change', function() {
    if (that.search() !== this.value) {
      that
        .search(this.value)
        .draw();
    }
  });

 //Setup - add a text input to each footer cell
 $('#example tfoot th').each(function(i) {
  var title = $(this).text();
  var events = 'onchange="SearchCol(this,'+i+')"'
      events+= ' onkeyup="SearchCol(this,'+i+')"'
  $(this).html('<input type="text" '+events+' placeholder="Search '+title+'" />');
 });
 // Search Specific Column
 function SearchCol(input,col_index){
  var query = $(input).val()
  $("#example").DataTable().column(col_index).search(query).draw()
 }