<table style="width:100%; " id="tblHeader" class="table table-striped"> <thead> <tr style="background:#E7E7E7;color:#101010;"><th style="width:135px;" class="center" >行政区域(省级)</th><th style="width:135px;" class="center">行政区域(市级)</th><th style="width:150px;" class="center">所属运营商</th><th style="width:135px;" class="center">统计月份</th><th style="width:135px;" class="center">桩类型</th><th style="width:135px;" class="center">桩功率等级</th><th style="width:135px;" class="center">服务对象</th><th style="width:135px;" class="center">充电桩数量(个)</th> </tr></thead></table><div id="biaoge1" style="height:295px; overflow-y:auto;"> <tr> <td></td><td></td><td></td><td></td><td></td><td></td><td></td> </tr></div>
var tdHeader = $("#tblHeader").find("tr").eq(0).find("th");//获取表头对象 var tds = $('#biaoge1').find("tr").eq(0).find("td");//获取表格对象 $(tds.eq(0)).width(tdHeader.eq(0).width());//设置表格宽度为表头宽度$(tds.eq(1)).width(tdHeader.eq(1).width());$(tds.eq(2)).width(tdHeader.eq(2).width());$(tds.eq(3)).width(tdHeader.eq(3).width());$(tds.eq(4)).width(tdHeader.eq(4).width()); $(tds.eq(5)).width(tdHeader.eq(5).width());$(tds.eq(6)).width(tdHeader.eq(6).width()); $(tds.eq(7)).width("122");//最后一格手动设置宽度
查询谷 - www.chaxungu.com
jQuery实现报表td宽度等于th宽度
编辑:chaxungu时间:2022-10-10 23:23:13分类:web开发
jQuery实现表格td宽度等于th宽度