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

質問編集履歴

2

datatablesバージョン追記

2018/02/15 01:08

投稿

niship
niship

スコア37

title CHANGED
File without changes
body CHANGED
@@ -152,6 +152,10 @@
152
152
  </script>
153
153
  ```
154
154
 
155
+ > datatablesバージョン
156
+ File: jquery.dataTables.min.js
157
+ Version: 1.9.2
158
+
155
159
  tableは、[charisma](https://usman.it/themes/charisma/table.html)のテーブルテンプレートを使用しています。
156
160
  不足情報等ございましたら、ご指摘下さいませ。
157
161
  何卒 宜しくお願い致します。

1

script追記

2018/02/15 01:08

投稿

niship
niship

スコア37

title CHANGED
File without changes
body CHANGED
@@ -110,6 +110,48 @@
110
110
  });
111
111
  ```
112
112
 
113
+ ```ここに言語を入力
114
+ <script>
115
+ $(function() {
116
+ $("#datePiceker_begin").datepicker();
117
+ });
118
+ $(function() {
119
+ $("#datePiceker_end").datepicker();
120
+ });
121
+ $('#clear').click(function() {
122
+ $('.form-control').val("");
123
+ });
124
+ $('#search_condition').click(function() {
125
+ if ($('#search_condition_list').is(':visible')) {
126
+ $('#search_condition_list').animate({
127
+ height: 'hide'
128
+ }, "normal");
129
+ $('#search_condition').text("▶︎Search Condition");
130
+ } else {
131
+ $('#search_condition_list').animate({
132
+ height: 'show'
133
+ }, "normal");
134
+ $('#search_condition').text("▼Search Condition");
135
+ }
136
+ });
137
+
138
+ table = $("#result-table").DataTable();
139
+ table.destroy();
140
+ table = $("#result-table").DataTable({
141
+ // 件数切替の値を10~50の10刻みにする
142
+ lengthMenu: [ 10, 20, 30, 40, 50 ],
143
+ // 件数のデフォルトの値を50にする
144
+ displayLength: 50,
145
+ scrollX: true,
146
+ scrollY: 200,
147
+ columnDefs: [
148
+ { targets: 0, visible: false },
149
+ { targets: 1, width: 100 }
150
+ ]
151
+ });
152
+ </script>
153
+ ```
154
+
113
155
  tableは、[charisma](https://usman.it/themes/charisma/table.html)のテーブルテンプレートを使用しています。
114
156
  不足情報等ございましたら、ご指摘下さいませ。
115
157
  何卒 宜しくお願い致します。