Javascript Datatable:排序不起作用_Javascript_Jquery_Html_Ajax_Thymeleaf

Javascript Datatable:排序不起作用

javascript jquery html ajax

Javascript Datatable:排序不起作用,javascript,jquery,html,ajax,thymeleaf,Javascript,Jquery,Html,Ajax,Thymeleaf,请帮忙。我不确定我会错在哪里我希望表格按第一列排序。我尝试了几种变体，但排序不能正常工作 dataTable = $("#deptDtTable").dataTable({ "bFilter" : false "bProcessing" : true, "bServerSide" : true, "bSort" : true, "bStateSave" : false, "iDisplayLengt

请帮忙。我不确定我会错在哪里我希望表格按第一列排序。我尝试了几种变体，但排序不能正常工作

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 '';
                }
            }
        } ]
    });

这就是我所做的，排序工作在第一列

@{
    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>

@{
布局=空；
}
索引62
$（文档）.ready（函数（）{
$（“#示例”）。
数据表({
“处理”：对，
“服务器端”：正确，
“信息”：正确，
“国家拯救”：没错，
“ajax”：{
“url”：“/Home/AjaxGetJsonData”，
“类型”：“获取”
},
“栏目”：[
{“data”：“Name”，“orderable”：true}，
{“data”：“Age”，“orderable”：false}，
{“data”：“DoB”，“orderable”：true}
],
“订单”：[[0，“asc”]]
});
});
名称
年龄
多巴哥
名称
年龄
多巴哥

你可以这样试试

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

这对你有用吗？