venkatachalam venkatachalam - 2 months ago 7
HTML Question

Resizing the HTML table width in jQuery

I need to vary a

table
's width after a click event in jQuery.

HTML:



<table class="zebra" border=0>


Case 1:



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


Case 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; }


This does not change the
table
's width like I want.

What am I doing wrong?

Answer

This should do the trick.

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

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