js 动态生成宽度固定的table控件

function resultTable(jsonObj){
	var titleRow = ['task_id','service_name','thread_num','delay_time','last_time','server_ip','client_ip','test_begin_time','test_end_time','samples',
	                'throughput','error','90_percent','99_percent','101_to_1000','1001_to_2000','beyond_2000']
	var s='<table border="1" style="margin:0 auto; table-layout:fixed" width="100%">'
	s+='<tr>'
	for(var j=0;j<titleRow.length;j++){//th标题
		var rowName=titleRow[j]
		s+='<th width="50%"  style="word-break:break-all; overflow:hidden;">'+rowName+'</th>'
	}
	s+='<th width="50%"  style="word-break:break-all; overflow:hidden;">IMG</th>'
	s+='</tr>'
	for(var i=0;i<jsonObj.length;i++){
  		for(var j=0;j<titleRow.length;j++){
  			var rowName=titleRow[j]
			s+='<td width="50%"  style="word-break:break-all; overflow:hidden;">'+jsonObj[i][rowName]+'</td>'
  		}
		s+='<td width="50%"><input type="button" οnclick=showdetail(\''+ jsonObj[i].jstat_img_location +'\',\''+ jsonObj[i].task_id+'\') value="more"></br><div id="'+ jsonObj[i].task_id+'"></div></td>'
	 	s+='</tr>'
	}
	s+='</table>'
	return s
}

s就是表格,在js代表中的调用方式是

document.getElementById("divResult_content").innerHTML= resultTable(jsonObj)
html中的div标签是

<div id="divResult_content"></div>



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值