js遍历出两个table,最后如何让循环的 两个行 放在合计的上面

两个table 和一个按钮

<table id="guishutable"  style=" border: 1px solid red">
</table>
<table id="ab"  style=" border: 1px solid red">
</table>
  <button type="submit" class="layui-btn layui-btn-normal" onclick="abc()">百搭按钮</button>

我在一个table里进行了两个ajax查询请求

function abc() {
        var table1;
        var table2;
        $.ajax({
            url: "/zd/zongshu",
            type: "POST",
            async:false,
            data:{},
            success: function (data){
                var sum11=0;
                $("#guishutable").html("");
                $("#guishutable").append("<tr><td>名字</td><td>量</td></tr>")
                $.each(data, function (i,gui){
                    sum11+=Number(gui.currentCount);
                    console.log(JSON.stringify(gui))
                    $("#guishutable").append("<tr>" +
                        "<td style='width: 200px;border: 1px solid black;'>"+gui.name+"</td>"
                        + "<td  style='width: 200px;border: 1px solid black;'>"+gui.currentCount+"</td></tr>");
                });
              /*  $("#guishutable").append("<tr>" + "<td style='width: 200px;border: 1px solid black;'>合计</td>"
                    + "<td  id='aaaa' style='width: 200px;border: 1px solid black;'>"+sum11+"</td></tr>");*/
                table1=$('#guishutable').find("tr").length;
            }

        } );
        $.ajax({
            url: "/zd/ab",
            type: "POST",
            async:false,
            data:{},
            success: function (data){var sum1=0;
                $("#ab").html("");
                $("#ab").append("<tr><td>名字</td><td>量</td></tr>")
                $.each(data, function (i,gui){
                    sum1+=Number(gui.currentCount);
                    console.log(JSON.stringify(gui))
                    $("#ab").append("<tr>" +
                        "<td style='width: 200px;border: 1px solid black;'>"+gui.name+"</td>"
                        + "<td  style='width: 200px;border: 1px solid black;'>"+gui.currentCount+"</td></tr>");
                });
                $("#ab").append("<tr>" + "<td style='width: 200px;border: 1px solid black;'>合计</td>"
                    + "<td  style='width: 200px;border: 1px solid black;order: '>"+sum1+"</td></tr>");
                table2=$('#ab').find("tr").length;

            }

        } );

用table1和table2获取两个table遍历的行数

img

然后我通过for循环,让上面两个table达到行数一样。

img

最后如何让循环的 两个行 放在合计的上面

img

在添加合计之前for循环就好了呀