/**
 * 点击表头进行排序处理 倒序(默认)|正序
 * $("table thead tr th") 绑定点击事件
 */
function data_grid_orderby(table) {
    var $table = $(table);
    $table.find("thead tr th").on("click", function () {
        var $th = $(this);
        var arrow = $th.find("code").text();  // ⇡ or ⇣
        var index = $table.find("thead tr th").index($th);
        var $trList = $table.find("tbody tr");

        // 排序处理
        $trList.sort(function (tr1, tr2) {
            var d1 = parseFloat($(tr1).find("td:eq(" + index + ")").text());
            var d2 = parseFloat($(tr2).find("td:eq(" + index + ")").text());
            if (isNaN(d1)) return 0;
            if ("⇣" == arrow) return d1 > d2 ? 1 : -1;  // (无 | 倒序) => 正序
            return d1 < d2 ? 1 : -1;    // 正序 => 倒序(默认)
        });

        // 去掉老的, 展示新的
        $table.find("tbody tr").remove();
        for (var i in $trList) {
            if ( $trList[i].tagName == "TR" ) {
                $table.append( $trList[i] );
            }
        }
        // 设置小图标
        $table.find("thead tr th code").remove();
        $th.prepend("<code>" + ("⇣" == arrow ? "⇡" : "⇣") + "</code>");
    });
}

$(function(){
    /* 多个table
    $("table.data-grid.stat").each(function () {
        data_grid_sum(this);
    });
    */
    data_grid_sum($("#myTable"));
    data_grid_calc($("#myTable"));
    data_grid_orderby($("#myTable"));
});