teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

マークダウン

2016/04/06 00:43

投稿

Smar
Smar

スコア40

title CHANGED
File without changes
body CHANGED
@@ -9,6 +9,7 @@
9
9
 
10
10
  <tr>のクリックイベント関数内にてチェックボックスがクリックされた場合は除外にてreturn、のようにしてみたのですが、どうもうまく動きません。
11
11
 
12
+ ```lang-JavaScript
12
13
  $(function() {
13
14
 
14
15
  var table = $('#example').DataTable();
@@ -27,11 +28,12 @@
27
28
  } );
28
29
 
29
30
  } );
31
+ ```
30
32
 
31
33
  ざっくりなサンプルですいません…。
32
34
 
33
35
  datatablesのクリックにての1行選択はそのまま以下のものを使用しました。
34
- https://datatables.net/examples/api/select_single_row.html
36
+ [https://datatables.net/examples/api/select_single_row.html](https://datatables.net/examples/api/select_single_row.html)
35
37
 
36
38
  どなたかお力をお貸しください。
37
39
 
@@ -39,6 +41,7 @@
39
41
 
40
42
  テーブル状態はほぼサンプル状態ではありますが、例えば以下のような形になります。
41
43
 
44
+ ```lang-HTML
42
45
  <table id="example" class="table table-striped table-bordered table-hover" cellspacing="0" width="100%">
43
46
  <thead>
44
47
  <tr>
@@ -89,5 +92,6 @@
89
92
  </tr>
90
93
  </tbody>
91
94
  </table>
95
+ ```
92
96
 
93
97
  よろしくお願い致します。

1

テーブル内容を追記

2016/04/06 00:43

投稿

Smar
Smar

スコア40

title CHANGED
File without changes
body CHANGED
@@ -33,4 +33,61 @@
33
33
  datatablesのクリックにての1行選択はそのまま以下のものを使用しました。
34
34
  https://datatables.net/examples/api/select_single_row.html
35
35
 
36
- どなたかお力をお貸しください。
36
+ どなたかお力をお貸しください。
37
+
38
+ ※追記です※
39
+
40
+ テーブル状態はほぼサンプル状態ではありますが、例えば以下のような形になります。
41
+
42
+ <table id="example" class="table table-striped table-bordered table-hover" cellspacing="0" width="100%">
43
+ <thead>
44
+ <tr>
45
+ <th>-</th>
46
+ <th>Name</th>
47
+ <th>Position</th>
48
+ <th>Office</th>
49
+ <th>Age</th>
50
+ <th>Start date</th>
51
+ <th>Salary</th>
52
+ </tr>
53
+ </thead>
54
+ <tbody>
55
+ <tr>
56
+ <td><input type="checkbox" name="chk_1" id="chk_1" value="chk_1"></td>
57
+ <td>Tiger Nixon</td>
58
+ <td>System Architect</td>
59
+ <td>Edinburgh</td>
60
+ <td>61</td>
61
+ <td>2011/04/25</td>
62
+ <td>$320,800</td>
63
+ </tr>
64
+ <tr>
65
+ <td><input type="checkbox" name="chk_2" id="chk_2" value="chk_2"></td>
66
+ <td>Accountant</td>
67
+ <td>Tokyo</td>
68
+ <td>63</td>
69
+ <td>2011/07/25</td>
70
+ <td>$170,750</td>
71
+ </tr>
72
+ <tr class="selected">
73
+ <td><input type="checkbox" name="chk_3" id="chk_3" value="chk_3"></td>
74
+ <td>Ashton Cox</td>
75
+ <td>Junior Technical Author</td>
76
+ <td>San Francisco</td>
77
+ <td>66</td>
78
+ <td>2009/01/12</td>
79
+ <td>$86,000</td>
80
+ </tr>
81
+ <tr>
82
+ <td><input type="checkbox" name="chk_4" id="chk_4" value="chk_4"></td>
83
+ <td>Cedric Kelly</td>
84
+ <td>Senior Javascript Developer</td>
85
+ <td>Edinburgh</td>
86
+ <td>22</td>
87
+ <td>2012/03/29</td>
88
+ <td>$433,060</td>
89
+ </tr>
90
+ </tbody>
91
+ </table>
92
+
93
+ よろしくお願い致します。