在 jQuery 中调整 HTML 表格宽度答案

【问题标题】：Resizing the HTML table width in jQuery在 jQuery 中调整 HTML 表格宽度
【发布时间】：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 的宽度。

我做错了什么？

【问题讨论】：

标签： jquery html resize html-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'
            });

【讨论】：