在 jQuery 中调整 HTML 表格宽度

Posted 2023-03-05

【中文标题】在 jQuery 中调整 HTML 表格宽度

【英文标题】：Resizing the HTML table width in jQuery

【发布时间】：2010-10-17 15:24:49

【问题描述】：

我需要在 jQuery 中单击事件后改变 table 的宽度。

html：

<table class="zebra" border=0>

案例一：

$("table.zebra").css("width","600px");

案例2：

$("table.zebra").css("width","200px");

CSS：

table.zebra
table.zebra tr.even td, table.zebra tr.even th  background-color:#FDD017; 
table.zebra tr.odd td  background-color:#FFF380; 

这不会像我想要的那样改变table 的宽度。

我做错了什么？

【参考方案1】：

试试这个：

$("table.zebra").width(200);

参考：http://docs.jquery.com/CSS/width#val

【讨论】：

我仍然无法调整表格宽度？

width() 将根据is.gd/9VR3 获得第一个匹配元素的当前计算宽度。我认为不是二传手。

@Sepehr，还有一个setter .width(val)

【参考方案2】：

这应该可以解决问题。

<table class="zebra">
  <tr>
    <td>foo</td>
    <td>bar</td>
  </tr>
</table>

<script type="text/javascript">
  $(function() 
    $('table.zebra').attr('width', 500);
  );
</script>

【参考方案3】：

这应该可以解决问题

$("table.zebra").width('200px');

【参考方案4】：

这对我有用

    $('#MyModalID').find('.modal-dialog').css(
                width: '800px'
            );