fixed table column width. How?

[viruthagiri]

Can anyone tell me how to give fixed table column width.
I have five columns. I want like 30%,20%,10%,30%,10% Can anyone help me? Thanks

[jasny]

<style>
 table { table-layout: fixed; }
 table th, table td { overflow: hidden; }
</style>

<table class="span12">
  <thead>
    <tr>
      <th style="width: 30%">Col 1</th>
      <th style="width: 20%">Col 2</th>
      <th style="width: 10%">Col 3</th>
      <th style="width: 30%">Col 4</th>
      <th style="width: 10%">Col 5</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Val 1</th>
      <td>Val 2</th>
      <td>Val 3</th>
      <td>Val 4</th>
      <td>Val 5</th>
    </tr>
  </tbody>
</table>

[viruthagiri]

@jasny Thanks.. Its working. But i still have problem. Its not working when i have lengthy text in the cell. Is there a way to hide the overflow text?.I tried overflow:hidden; But its not working.

[viruthagiri]

@jasny Thanks once again. I added style="table-layout: fixed;" and applied overflow:hidden; in the td. Now its working. :)
Thanks

[jasny]

@viruthagiri I've changed the example. Have a look.

@fat This isn't really an issue, please close it.

[viruthagiri]

Thanks

[fat]

thanks for the help @jasny!

[enlare]

@jasny thanks!

[canfas]

Finally found an answer!! Thanks !!

[moonstruck]

Thanks

[suyashtripathi]

Thanks @jasny ! Was looking out for this answer for quite a while.

[mostlyharmless2024]

Same here, thanks @jasny. I spent 15 minutes digging through BS determined to find a helper class that did this... guess i'll make my own haha.

[sgsheg]

Thanks

[natuanorg]

thanks !