您现在的位置是:首页 > 电脑技术查询 > web开发

jQuery实现报表td宽度等于th宽度

编辑:chaxungu时间:2022-10-10 23:23:13分类:web开发

jQuery实现表格td宽度等于th宽度
<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");//最后一格手动设置宽度