在layui行与行之间插入内容

如下图，在用layui渲染的表格里，当你需要查看详情的时候，需要在查看行的数据的下面显示详情内容，那么我们不得不考虑往点击行的后面添加内容区域。
1、

3、查看详情按钮是自定义的

function setOperate(data) {
2、	            var WarehouseID = data.WarehouseID;//仓库ID
3、	            var btns = "";
4、	            btns += '';//p标签用于保存仓库ID
5、	            btns += '';
6、	            btns += '';
7、	            return btns;
8、	        }
9、	   @*记录区别点击详情时是否选中同一条数据*@
10、	点击详情触发事件
11、	$("#myID").on("click", ".details", function (e) {
            var str = $("#trID").length;
            var strp = $(e.currentTarget).next();//获取到仓库ID
            var WarehouseID = $(strp).text();//获取到点击所在行的仓库ID
            var Recording = $("#RecordingID").val(); //获取记录数据  
          查询仓库信息，这里也可以获取点击行数据直接回填，看你爱好
      

  $.post("/EssentialData/StoreManagement/WarehouseInformation1", { WarehouseID: WarehouseID }, function (data) {
                if (data.WContacts == null) {
                    data.WContacts = "-";
                }
                if (data.WContactNumber == null) {
                    data.WContactNumber = "-";
                }
                if (data.WMailbox == null) {
                    data.WMailbox = "-";
                }
                if (data.WPostcode == null) {
                    data.WPostcode = "-";
                }
                if (data.WExplain == null) {
                    data.WExplain = "-";
                }
                if (data.WSite == null) {
                    data.WSite = "-";
                }
               Var btns = '
' + data.WarehouseName + '
联系人:' + data.WContacts + '联系电话(元):' + data.WContactNumber + '邮箱:' + data.WMailbox + '邮编:' + data.WPostcode + '
备注:' + data.WExplain + '地址:' + data.WSite + '
 
'
                if (str == 0) {//判断本次页面是否已经打开详情区域，如果str == 0声明页面还没有打开过详情区域
                   //获取到点击行所在的tr标签
                    var stnum = e.currentTarget.parentNode.parentNode.parentNode;
//在获取到的tr标签后面添加内容区域
                    $(stnum).after(btns);
                    $("#RecordingID").val(WarehouseID); //回填本次点击行的仓库ID，用于标记

                } else {
//判断本次点击的行是否是上一次点击的行，如果是直接改变详情区域，如果不是，先关闭上一次打开的详情区域，再打开本次点击行的详情区域
                    if (Recording == WarehouseID) {
                        $("#trID").detach();
                    } else {
                        $("#trID").detach();
                        var stnum = e.currentTarget.parentNode.parentNode.parentNode;
                        $(stnum).after(btns); 
                        $("#RecordingID").val(WarehouseID);//回填本次点击行的仓库ID，用于标记
                    }
                }
            })
        })