table新增空白行到首行

最新推荐文章于 2023-01-02 21:27:42 发布

weixin_34384681

最新推荐文章于 2023-01-02 21:27:42 发布

阅读量684

点赞数

CC 4.0 BY-SA版权

文章标签：前端 javascript c# ViewUI

原文链接：http://www.cnblogs.com/wujixing/p/5916169.html

本文介绍了一种使用JavaScript动态创建HTML表格的方法，详细展示了如何通过字符串拼接的方式构造带有各种输入框及图片元素的复杂表格结构。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var str="";
			str+="<tr bordercolor='#DEDEDE' bgcolor='#ffffff'>";
			str+="<input type='hidden' id='id' name='tid'>";
	  		str+="<td align='center' bordercolor='#DEDEDE'><input type='checkbox' name='isSelect' ></input></td>";    
	  		str+="<td bordercolor='#DEDEDE' width='120px'><input type='text' class='t'   id='name'   style='font-size:12px; color:black; text-align:center;width:120px'  onChange='saveTrip(this)' > </td>";
	  		str+="<td bordercolor='#DEDEDE' width='110px'><input type='text'  class='t'   id='part'   style='font-size:12px;  color:black;  text-align:center;width:110px'  > </td>";
	  		str+="<td bordercolor='#DEDEDE' width='110px'><input type='text'  class='t'   id='subPart'   style='font-size:12px;  color:black;  text-align:center;width:110px' > </td>";
	  		str+="<td bordercolor='#DEDEDE' width='400px'><input type='text'  class='t'   id='purpose'   style='font-size:12px;  color:black;  text-align:center;width:400px' > </td>";
	  		str+="<td bordercolor='#DEDEDE' width='110px'><input type='text'  class='t'   id='scheduleStart'   style='font-size:12px;  color:black;  text-align:center;width:110px' > </td>";
	  		str+="<td bordercolor='#DEDEDE' width='110px'><input type='text'  class='t'   id='scheduleEnd'   style='font-size:12px;  color:black;  text-align:center;width:110px' > </td>";
	  		str+="<td bordercolor='#DEDEDE' width='50px'><input type='text'  class='t'   id='duration'   style='font-size:12px;  color:black;  text-align:center;width:50px'  > </td>";
	  		str+="<td bordercolor='#DEDEDE' width='80px'><input type='text'  class='t'   id='destination'   style='font-size:12px; color:black;   text-align:center;width:80px'  > </td>";
	  		str+="<td bordercolor='#DEDEDE' width='80px'><input type='text'  class='t'   id='region'   style='font-size:12px;  color:black;  text-align:center;width:80px' > </td>";
	  		str+="<td bordercolor='#DEDEDE' width='80px'><input type='text'  class='t'   id='department'   style='font-size:12px; color:black;   text-align:center;width:80px' > </td>";
	  		str+="<td align='center' bordercolor='#DEDEDE' width='60px'> <img src='${pageContext.request.contextPath}/FlatUI/img/edit2.png' id='report'  width=18px height=18px/></a></td>";
	  		str+="<td align='center' bordercolor='#DEDEDE' width='60px'> <img src='${pageContext.request.contextPath}/FlatUI/img/edit2.png' id='referrence'  width=18px height=18px/></a></td>";
	  		str+="</tr>";
	  		$("#tableTrip").prepend(str);

转载于:https://www.cnblogs.com/wujixing/p/5916169.html