回答編集履歴
1
test
CHANGED
|
@@ -1,37 +1,16 @@
|
|
|
1
1
|
DataTables apiを使えば、テーブルにフィルターをかけることができますよ。
|
|
2
|
-
|
|
3
|
-
|
|
4
2
|
|
|
5
3
|
例として、以下のような形になると思います。
|
|
6
4
|
|
|
7
|
-
|
|
8
|
-
|
|
9
5
|
HTML
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
```lang-＜ここに言語を入力＞
|
|
14
6
|
|
|
15
7
|
<input type="text" id="hogeInputTextField">
|
|
16
8
|
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
9
|
JS
|
|
22
10
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
```lang-＜ここに言語を入力＞
|
|
26
|
-
|
|
27
11
|
oTable = $('#hogeTable').dataTable();
|
|
28
|
-
|
|
29
12
|
$('#hogeInputTextField').keyup(function(){
|
|
30
|
-
|
|
31
|
-
|
|
13
|
+
oTable.fnFilter( $(this).val() );
|
|
32
|
-
|
|
33
14
|
})
|
|
34
15
|
|
|
35
16
|
|
|
36
|
-
|
|
37
|
-
```
|