Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用DataTable为列启用排序_Javascript_Jquery_Html_Ajax_Datatables - Fatal编程技术网

Javascript 使用DataTable为列启用排序

Javascript 使用DataTable为列启用排序,javascript,jquery,html,ajax,datatables,Javascript,Jquery,Html,Ajax,Datatables,我正在使用JSON通过ajax调用填充一个html表,如下所示- $.ajax({ type: "POST", url: "my_url", data: JSON.stringify(result), async: true, dataType: "json", contentType: "application/json; charset= Shift-JIS", success: function (response) {

我正在使用JSON通过ajax调用填充一个html表,如下所示-

$.ajax({
    type: "POST",
    url: "my_url",
    data: JSON.stringify(result),
    async: true,
    dataType: "json",
    contentType: "application/json; charset= Shift-JIS",
    success: function (response) {
        glResp = response;
        populateTable(glResp);
    },
    error: function (error) {
        console.log(error);
        //alert("Error!!");
    }
});
用于填充表格的函数如下所示-

function populateTable(finalObject) {
    var obj = finalObject;

    var headers1 = ['Name', 'ID', 'Job', 'Salary','JoiningDate'];
    var table = $("<table id='my-table' />");
    var columns = headers1;
    columns.unshift('');
    var columnCount = columns.length;
    var row = $(table[0].insertRow(-1));

    for (var i = 0; i < columnCount; i++) {
        if (i == 0) {
            var headerCell = $("<th><input type='button' id='sort'></th>");
            row.append(headerCell);
        }
        else {
            var headerCell = $("<th/>");
            headerCell.html([columns[i]]);
            row.append(headerCell);
        }
    }

    $.each(obj, function (i, obj) {
        $row = '<tr><td><input type="checkbox"></td><td>' + obj.Name + '</td><td>' + obj.ID+ '</td><td>' + obj.Job + '</td><td>' + obj.Salary + '</td><td>'+ obj.JoiningDate+'</td></tr>';
        table.append(row);
    });

    var dvTable = $("#dvCSV");
    dvTable.html("");
    dvTable.append(table);
}
函数populateTable(finalObject){
var obj=最终对象;
var headers1=['Name'、'ID'、'Job'、'Salary'、'JoiningDate'];
变量表=$(“”);
变量列=标题1;
列。取消移位(“”);
var columnCount=columns.length;
变量行=$(表[0]。插入行(-1));
对于(变量i=0;i

现在我只想使用DataTable插件为两列启用排序—ID和JoiningDate。我试图理解api,但每次都会出现问题(例如ID=M981-01)(例如日期:2016-10-24)有人能帮我实现DataTable插件或任何其他合适的方法来启用ID和JoiningDate排序吗?

你能告诉我你是如何启用和指定排序的吗?