Now we have set the total table width as 300 and height as 100 and split them as 30 to first row and 70 to second row.Result :

This is 1st row 1st column

This is 1st row 2nd column

This is 2nd row 1st column

This is 2nd row 2nd column Nice background

Table Size in percentage

Table width and height can be set using percentage.e.g: width=60%.This means that the table with be drawn to 60% width of the current component.i.e. if we are drawing a table inside a body tag and using width as 100%, then the width of the table will be equal to the browser width.Table can be drawn inside tables. We will see about it later.Example :

Now we have set the total table width as 80% and height as 30% and split the height as 30% to first row and 70% to second row.To explain in depth, say we have the component size as width=500,height=500 so the table will now take 80% of 500 (400) as its total width and 30% of 500 (150) as its total height. Then it will split that 150 height in to 30% for first row and 70% for second row.Result :