##問題
ソートの矢印はでるのですが押してもソートされません
サーバー連携で取得したデータには適応されないのでしょうか
js
1 var table = $('#vacancy-list').dataTable({ 2 // BOMでヘッダ/フッタのレイアウトを定義します 3 "dom" : "ipt", 4 // destroyを指定します 5 "destroy" : false, 6 // 処理中を表示します 7 "processing" : false, 8 // サーバー通信を行います 9 "serverSide" : true, 10 // ページング形式を指定します 11 "pagingType" : "simple_numbers", 12 // 開始位置のデフォルト値を指定します 13 "displayStart" : 0, 14 // ソートの使用有無を指定します 15 "ordering" : true, 16 "select": true, 17 "paging" : false, 18 "info" : false, 19 // 処理中ウィンドウの使用有無を指定します 20 "processing" : false, 21 // ajaxの設定を行います 22 "ajax" : { 23 // サーバリクエスト時のパラメータを設定します 24 "type" : "POST", 25 "contentType" : "application/json", 26 "url" : '/adupt/data/', 27 "data" : function(reqData) { 28 reqData['referenceType'] = '01'; 29 reqData['userCount'] = '3'; 30 return JSON.stringify(reqData); 31 }, 32 // サーバからのレスポンスが設定されます 33 "dataSrc" : function(resJson) { 34 console.log("成功"); 35 36 if (resJson.statusCode == 'S0000') { 37 38 $("#vacancy-list").show(); 39 return resJson.resultConvertData; 40 } else { 41 console.log("失敗"); 42 } 43 }, 44 // サーバからのエラーがレスポンスされた際の処理です 45 "error" : function(json) { 46 var data = { 47 "data" : [] 48 }; 49 console.log("エラー"); 50 return data; 51 } 52 }, 53 54 // カラムの表示指定を行います 55 "columns" : [ { 56 data : 'room_id' 57 }, { 58 data : 'room_capacity' 59 }, { 60 data : 'model_id' 61 }, ] 62 63 }); 64}); 65
html
1<table id="vacancy-list" style="display: none; width: 100%"> 2 <thead> 3 <tr> 4 <th>部屋番号</th> 5 <th>許容人数</th> 6 <th>機種</th> 7 </tr> 8 </thead> 9</table>
回答2件
あなたの回答
tips
プレビュー