navigation
HTML

Html Table with equal size columns -HTML Example

| | Css , Html

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>