Javascript Datatables-如何将搜索输入移出表

请帮我输入代码。我已搜索表中与其他列关联的每一列。我希望使用相同的功能将搜索输入移出表列之外

我发现只有这个：

我需要这样修改它：

https://jsfiddle.net/07hmjmv0/4/

---

非常感谢你的帮助

创建了一个简化的示例，但它应该足以理解这个想法

//数据表
变量表=$（“#示例”）.DataTable（）；
//初始化搜索输入
$（“.searchField”）.on（“键控更改”，函数（）{
var输入=$（此）；
var colIndex=parseInt（input.attr（“column”）；
table.column（colIndex.search（input.val（））.draw（）；
});
.searchField{
宽度：80px；
填充物：5px；
}

在表列中搜索
选择类别
A.
B

类别
名称
量
价格
全部的
B
P1
42
1.
42
A.
P2
1.
2.
2.
A.
P3
1
3.
3.
A.
P4
1.
4.
4.
A.
P5
1.
5.
5.
A.
P6
1.
6.
6.
A.
P7
1.
7.
7.
A.
P8
1.
8.
8.
A.
P9
1.
9
9
A.
P10
1.
10
10
B
P11
1.
11
11
A.
P12
1.
12
12
A.
P13
1.
13
13
A.
P14
1.
14
14
A.
P15
1.
15
15
A.
P16
1.
16
16
A.
P17
1.
17
17
A.
P18
1.
18
18
A.
P19
1.
19
19
A.
P20
1.
20
20
B
P21
1.
21
21
A.
P22
1.
22
22
A.
P23
1.
23
23
A.
P24
1.
24
24
A.
P25
1.
25
25
A.
P26
1.
26
26
A.
P27
1.
27
27
A.
P28
1.
28
28
A.
P29
1.
29
29
C
P21
1.
21
21
创建了一个简化的示例，但它应该足以理解这个想法


//数据表
变量表=$（“#示例”）.DataTable（）；
//初始化搜索输入
$（“.searchField”）.on（“键控更改”，函数（）{
var输入=$（此）；
var colIndex=parseInt（input.attr（“column”）；
table.column（colIndex.search（input.val（））.draw（）；
});
.searchField{
宽度：80px；
填充物：5px；
}

在表列中搜索
选择类别
A.
B

类别
名称
量
价格
全部的
B
P1
42
1.
42
A.
P2
1.
2.
2.
A.
P3
1.
3.
3.
A.
P4
1.
4.
4.
A.
P5
1.
5.
5.
A.
P6
1.
6.
6.
A.
P7
1.
7.
7.
A.
P8
1.
8.
8.
A.
P9
1.
9
9
A.
P10
1.
10
10
B
P11
1.
11
11
A.
P12
1.
12
12
A.
P13
1.
13
13
A.
P14
1.
14
14
A.
P15
1.
15
15
A.
P16
1.
16
16
A.
P17
1.
17
17
A.
P18
1.
18
18
A.
P19
1.
19
19
A.
P20
1.
20
20
B
P21
1.
21
21
A.
P22
1.
22
22
A.
P23
1.
23
23
A.
P24
1.
24
24
A.
P25
1.
25
25
A.
P26
1.
26
26
A.
P27
1.
27
27
A.
P28
1.
28
28
A.
P29
1.
29
29
C
P21
1.
21
21
谢谢你，谢谢
https://jsfiddle.net/cm4t63ee/2/

https://jsfiddle.net/07hmjmv0/4/