console
var tabs = '<table width="100%" border=1><tr><th width="30%"></th><th width="50%"></th><th width="20%"></th></tr> '
for(var i = 0;i< 5 ;i++){
tabs += '<tr>'
tabs += '<td>'
tabs += 'nihao'
tabs += '</td>'
tabs += '<td>'
tabs += 'dwew'
tabs += '</td>'
tabs += '<td>'
tabs += 'wetrert'
tabs += '</td>'
tabs += '</tr>'
}
tabs += '</table>'
//divs += '</table>'
jQuery('#mySpan').append(tabs)
<html>
<head></head>
<body>
<table class="excelMainTable" style="margin: 0px auto; width: 600px; background-image: none;">
<colgroup>
<col width="49px" />
<col width="148px" />
<col width="148px" />
<col width="148px" />
<col width="148px" />
<col width="148px" />
<col width="148px" />
</colgroup>
<tbody>
<tr style="height: 30px; display: table-row;">
<td class="" style="text-align: left; vertical-align: middle; line-height: 1;">
<div style="width: 100%;">
<div style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;"></div>
</div> </td>
<td valign="middle" colspan="6" class="" style="text-align: center; vertical-align: middle; font-weight: bold; font-size: 14pt; font-family: "Microsoft YaHei"; line-height: 1;">
<div style="width: 100%;">
<div style="font-size: 14pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;">
钉钉人员信息-新建模板
</div>
</div> </td>
</tr>
<tr style="height: 30px; display: table-row;">
<td class="" style="text-align: left; vertical-align: middle; line-height: 1;">
<div style="width: 100%;">
<div style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;"></div>
</div> </td>
<td valign="middle" class="" style="border-width: 1px; border-style: solid; border-color: black rgb(144, 186, 221) rgb(144, 186, 221) black; background-color: rgb(231, 243, 252); text-align: left; vertical-align: middle; line-height: 1;">
<div style="width: 100%;">
<div class="card-table-th-break" style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;">
部门名称
</div>
</div> </td>
<td valign="middle" class="" style="border-width: 1px; border-style: solid; border-color: black rgb(144, 186, 221) rgb(144, 186, 221); text-align: left; vertical-align: middle; line-height: 1;">
<div style="width: 100%;">
<div class="cube-card-editformitem2 fieldValue cube-check-valid" data-fieldattr="1" data-fieldmark="field9850" style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;">
<span><span id="field9850span">设计院</span><input type="hidden" id="field9850" name="field9850" value="中铁隆设计院" /></span>
<span class="editicon" style="display: none;"><i class="icon-coms-edit"></i></span>
</div>
</div></td>
<td valign="middle" class="" style="border-width: 1px; border-style: solid; border-color: black rgb(144, 186, 221) rgb(144, 186, 221); background-color: rgb(231, 243, 252); text-align: left; vertical-align: middle; color: black; line-height: 1;">
<div style="width: 100%;">
<div class="card-table-th-break" style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;">
钉钉UserID
</div>
</div></td>
<td valign="middle" class="" style="border-width: 1px; border-style: solid; border-color: black rgb(144, 186, 221) rgb(144, 186, 221); text-align: left; vertical-align: middle; color: black; line-height: 1;">
<div style="width: 100%;">
<div class="cube-card-editformitem2 fieldValue cube-check-valid" data-fieldattr="1" data-fieldmark="field9851" style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;">
<span><span id="field9851span" style="color: black;">0360063417958424</span><input type="hidden" id="field9851" name="field9851" value="0360063417958424" /></span>
<span class="editicon" style="display: none;"><i class="icon-coms-edit"></i></span>
</div>
</div></td>
<td valign="middle" class="" style="border-width: 1px; border-style: solid; border-color: black rgb(144, 186, 221) rgb(144, 186, 221); background-color: rgb(231, 243, 252); text-align: left; vertical-align: middle; color: black; line-height: 1;">
<div style="width: 100%;">
<div class="card-table-th-break" style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;">
人员姓名
</div>
</div></td>
<td valign="middle" class="" style="border-width: 1px; border-style: solid; border-color: black black rgb(144, 186, 221) rgb(144, 186, 221); text-align: left; vertical-align: middle; color: black; line-height: 1;">
<div style="width: 100%;">
<div class="cube-card-editformitem2 fieldValue cube-check-valid" data-fieldattr="1" data-fieldmark="field9852" style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;">
<span><span id="field9852span" style="color: black;">甄瑜</span><input type="hidden" id="field9852" name="field9852" value="甄瑜" /></span>
<span class="editicon" style="display: none;"><i class="icon-coms-edit"></i></span>
</div>
</div></td>
</tr>
<tr style="height: 30px; display: table-row;">
<td class="" style="text-align: left; vertical-align: middle; line-height: 1;">
<div style="width: 100%;">
<div style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;"></div>
</div></td>
<td valign="middle" class="" style="border-width: 1px; border-style: solid; border-color: rgb(144, 186, 221) rgb(144, 186, 221) black black; background-color: rgb(231, 243, 252); text-align: left; vertical-align: middle; color: black; line-height: 1;">
<div style="width: 100%;">
<div class="card-table-th-break" style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;">
lsxh
</div>
</div></td>
<td valign="middle" class="" style="border-width: 1px; border-style: solid; border-color: rgb(144, 186, 221) rgb(144, 186, 221) black; text-align: left; vertical-align: middle; color: black; line-height: 1;">
<div style="width: 100%;">
<div class="cube-card-editformitem2 fieldValue cube-check-valid" data-fieldattr="1" data-fieldmark="field12401" style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;">
<span><span id="field12401span" style="color: black;">5</span><input type="hidden" id="field12401" name="field12401" value="5" /></span>
<span class="editicon" style="display: none;"><i class="icon-coms-edit"></i></span>
</div>
</div></td>
<td valign="middle" class="" style="border-width: 1px; border-style: solid; border-color: rgb(144, 186, 221) rgb(144, 186, 221) black; background-color: rgb(231, 243, 252); text-align: left; vertical-align: middle; color: black; line-height: 1;">
<div style="width: 100%;">
<div class="card-table-th-break" style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;">
lcid
</div>
</div></td>
<td valign="middle" class="" style="border-width: 1px; border-style: solid; border-color: rgb(144, 186, 221) rgb(144, 186, 221) black; text-align: left; vertical-align: middle; color: black; line-height: 1;">
<div style="width: 100%;">
<div class="cube-card-editformitem2 fieldValue cube-check-valid" data-fieldattr="1" data-fieldmark="field12402" style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;">
<span><span id="field12402span" style="color: black;">128785</span><input type="hidden" id="field12402" name="field12402" value="128785" /></span>
<span class="editicon" style="display: none;"><i class="icon-coms-edit"></i></span>
</div>
</div></td>
<td valign="middle" class="" style="border-width: 1px; border-style: solid; border-color: rgb(144, 186, 221) rgb(144, 186, 221) black; background-color: rgb(231, 243, 252); text-align: left; vertical-align: middle; color: black; line-height: 1;">
<div style="width: 100%;">
<div style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;"></div>
</div></td>
<td valign="middle" class="" style="border-width: 1px; border-style: solid; border-color: rgb(144, 186, 221) black black rgb(144, 186, 221); text-align: left; vertical-align: middle; color: black; padding-left: 20px; line-height: 1;">
<div style="width: 100%;">
<div style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;"></div>
</div></td>
</tr>
<tr style="height: 13px; display: table-row;">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr style="height: 30px; display: table-row;">
<td class="" style="text-align: left; vertical-align: middle; line-height: 1;">
<div style="width: 100%;">
<div style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;"></div>
</div></td>
<td valign="middle" colspan="6" class="" style="border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; background-color: rgb(217, 217, 217); text-align: left; vertical-align: middle; padding-left: 8px; line-height: 1;">
<div style="width: 100%;">
<div style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;">
工作经历
</div>
</div></td>
</tr>
<tr style="height: 30px; display: table-row;">
<td class="" style="text-align: left; vertical-align: middle; line-height: 1;">
<div style="width: 100%;">
<div style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;"></div>
</div></td>
<td valign="top" colspan="6" class="" id="mySpan" style="border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; text-align: left; vertical-align: top; line-height: 1;">
<div style="width: 100%;">
<div style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;"></div>
</div>
</td>
</tr>
<tr style="height: 13px; display: table-row;">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr style="height: 30px; display: table-row;">
<td class="" style="text-align: left; vertical-align: middle; line-height: 1;">
<div style="width: 100%;">
<div style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;"></div>
</div></td>
<td valign="middle" colspan="6" class="" style="border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; background-color: rgb(217, 217, 217); text-align: left; vertical-align: middle; color: black; padding-left: 8px; line-height: 1;">
<div style="width: 100%;">
<div style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;">
教育经历
</div>
</div></td>
</tr>
<tr style="height: 30px; display: table-row;">
<td class="" style="text-align: left; vertical-align: middle; line-height: 1;">
<div style="width: 100%;">
<div style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;"></div>
</div></td>
<td valign="top" colspan="6" class="" id="myDiv" style="border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; text-align: left; vertical-align: top; color: black; line-height: 1;">
<div style="width: 100%;">
<div style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;"></div>
</div></td>
</tr>
<tr style="height: 10px; display: table-row;">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr style="height: 30px; display: table-row;">
<td class="" style="text-align: left; vertical-align: middle; line-height: 1;">
<div style="width: 100%;">
<div style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;"></div>
</div></td>
<td valign="middle" colspan="6" class="" style="border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; background-color: rgb(217, 217, 217); text-align: left; vertical-align: middle; color: black; padding-left: 8px; line-height: 1;">
<div style="width: 100%;">
<div style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;">
其他信息
</div>
</div></td>
</tr>
<tr style="height: 30px; display: table-row;">
<td class="" style="text-align: left; vertical-align: middle; line-height: 1;">
<div style="width: 100%;">
<div style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;"></div>
</div></td>
<td valign="top" colspan="6" class="" style="border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; text-align: left; vertical-align: top; color: black; line-height: 1;">
<div style="width: 100%;">
<div style="font-size: 9pt; font-family: "Microsoft YaHei"; word-break: break-all; overflow-wrap: break-word;"></div>
</div></td>
</tr>
</tbody>
</table>
</body>
</html>
.cont{
background-color:beige;
}