jQuery实现表格td宽度等于th宽度
2016-02-28 22:54
393 查看
<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");//最后一格手动设置宽度
相关文章推荐
- jquery 实现表格内的tr与td,动态添加与删除. 以及序号增加与减少,大多用在Form里
- 用JQuery去实现单个表格中的td数据修改
- 【随记】JQuery实现表格的双击编辑功能(自动适应表格高度和宽度)
- 当td没有任何标示时,在jQuery中实现获取其在表格中的行和列:
- 当td没有任何标示时,在jQuery中实现获取其在表格中的行和列:
- th固定 td滚动的表格实现
- Jquery实现可编辑表格
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- Dreamweaver 8 新建的表格中td与th
- JQuery实现表格隔行变色,鼠标经过的行放大显示
- jquery +jquery.tablesorter+jquery.tablednd_0_5实现table表格可按行拖拽,按列排序,并可以保存排序后的结果
- jQuery 实现批量提交表格多行数据
- Jquery.Datatables 结合时间段查询,daterangepicker实现Datatables表格带参数查询
- 设置表格的td宽度失效问题
- jquery实现表格的多行删除
- jQuery双色表格的实现
- 用Jquery实现可编辑表格并用AJAX提交到服务器修改数据
- jQuery实现html表格动态添加新行的方法
- jQuery中实现表格的增、删、改操作