データテーブル：ソートが機能しない

助けてください。私はどこが間違っているのかわからないテーブルを最初の列でソートしたい。私はいくつかのバリエーションを試してみましたが、正しく並べ替えデータテーブル：ソートが機能しない

dataTable = $("#deptDtTable").dataTable({ 
     "bFilter" : false 
     "bProcessing" : true, 
     "bServerSide" : true, 
     "bSort" : true, 
     "bStateSave" : false, 
     "iDisplayLength" : 25, 
     "iDisplayStart" : 0, 
     "fnDrawCallback" : function() { 
     },  
     "sAjaxSource" : "/url/url/datatable/dept", 
     "aaSorting": [[ 1] ], 
     "aoColumns" : [ 
      { 
      "mData" : 'id' 
     }, { 
      "mData" : 'client_name' 
     }, { 
      "mData" : 'ssn' 
     }, { 
      "mData" : 'department' 
     }, { 
      "mData" : 'account_id' 
     }, { 
      "mData" : 'dateEntered', 
      "render" : function(data) { 
       if (data !== null) { 
        var date = new Date(data); 
        return date.toLocaleString(); 
       } else { 
        return ''; 
       } 
      } 
     } ] 
    });

出典

2017-05-08 Gwen

があなたのためにこの仕事をしたようにあなたは試すことができますか？ – kblau

これは私がやったことであり、第1列に並べ替え工事作業していません。

@{ 
    Layout = null; 
} 

<!DOCTYPE html> 

<html> 
<head> 
    <meta name="viewport" content="width=device-width" /> 
    <title>Index62</title> 
    <script src="~/Scripts/jquery-1.12.4.min.js"></script> 
    <script src="~/Scripts/DataTables/jquery.dataTables.min.js"></script> 
    <link href="~/Content/DataTables/css/jquery.dataTables.min.css" rel="stylesheet" /> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
       $('#example'). 
       dataTable({ 
       "processing": true, 
       "serverSide": true, 
       "info": true, 
       "stateSave": true, 
       "ajax": { 
        "url": "/Home/AjaxGetJsonData", 
        "type": "GET" 
       }, 
       "columns": [ 
        { "data": "Name", "orderable": true }, 
        { "data": "Age", "orderable": false }, 
        { "data": "DoB", "orderable": true } 
       ], 
       "order": [[0, "asc"]] 
      }); 
     }); 

    </script> 
</head> 
<body> 
    <div style="margin:30px;"> 
     <table id="example" class="display" cellspacing="0" width="100%"> 
      <thead> 
       <tr style="text-align:left;"> 
        <th>Name</th> 
        <th>Age</th> 
        <th>DoB</th> 
       </tr> 
      </thead> 

      <tfoot> 
       <tr style="text-align:left;"> 
        <th>Name</th> 
        <th>Age</th> 
        <th>DoB</th> 
       </tr> 
      </tfoot> 
     </table> 
    </div> 
</body> 
</html>

出典

2017-05-09 03:36:31 kblau

この

dataTable = $("#deptDtTable").dataTable({ 
     "bFilter" : false 
     ....... 
     "aaSorting": [[ 0, "desc" ]] // Sort by first column descending 
     ...... 
});

出典

2017-05-09 04:58:01

データテーブル：ソートが機能しない

答えて

関連する問題