Html Table with equal size columns -HTML Example

Html Table with equal size columns -HTML Example , someone asked me to explain?

If you are dynamically creating an HTML table with number of table columns at runtime with equal sizes.

You have to do like this,

Table with equal size columns

 

<style type="text/css">
   .table {
       width:100%;
   }
   .table td {
       width:1000px;
   }
</style>
  <table class="table">
                <tr>
                    <td>one</td>
                    <td>two</td>
                    <td>three</td>
                    <td>four</td>
                    <td> five</td>
                    <td> six </td>
                 </tr>
           </table>

Post your comments / questions