如何使用JavaScript和jQuery设置HTML表格单元格宽度？
如何使用JavaScript和jQuery设置HTML表格单元格宽度？
提问于 2018-09-19 02:02:57
我有一个像下面这样的HTML表格;
<table style="width: 100%">
<tr>
<td style="width: 30px">cell</td>
<td class="cell">cell</td>
<td class="cell">cellcell</td>
<td class="cell">cellcellcell</td>
<td class="cell">cellcellcellcell</td>
<td class="cell">cellcellcellcellcell</td>
<td class="cell">cellcellcellcellcellcell</td>
<td style="width: 30px">cell</td>
</tr>
</table>
Stack Overflow用户
发布于 2018-09-19 11:22:03
可以使用CSS执行此操作，方法是应用td相同的百分比：
td{
width: 16%;
}
使用更新的问题，您可以使用javascript，首先将宽度存储到数组中，然后引用它window resize，并使用宽高比差异来放置新的宽度：
var w = [];
var tw = $('table').width();
$('table td').width(function(i,e){
w[i]=e;
});
$(window).resize(function(){
$('table td').width(function(i){
return ($('table').width()/tw)*w[i];
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100003382
复制相关文章
相似问题