// ganggeceshi.js 

function Init() {
    search();

}

function search() {
    $.post(
        getProviderUrl("ganggetest"),
        { date: '2020.6.9' },
        function (data) {
            Canvas(data.datas);
        }
        , 'json');
}

function Canvas(data) {

    //    $("#glable").text(data);
    createTable(data);
    
}

function createTable(data) {
    var rows = data.length;
    var cols = data[0].length;
    var $tab = $("<table draggable=true></table>");                                            //创建表格table元素

    var $th = $("<tr></tr>");                                                   // 创建表头行
    for (var key in data[0]) {
        var $thcell = $("<td></td>");
        $thcell.html(key);
        $th.append($thcell);
    }
    $tab.append($th);                                                       // 添加表头

    for (var j = 0; j < rows; j++) {
        //创建表格tr行元素
        var $tr = $("<tr></tr>");
        for (var key in data[j])  {
            //创建td单元格元素
            var $td = $("<td></td>");
            $td.html(data[j][key]);
            //将td单元格添加到表格行tr上
            $tr.append($td);
        }
        //将tr表格行添加到table表格上
        $tab.append($tr);
    }
    //将创建好的整个table挂载到div上
    $("#tab").append($tab);
    $("#tab").append("<br/>");
}
$(Init());                                                                      // 初始化