Horje
What is HTML Table Sizes

HTML tables can have different sizes for each column, row or the entire table.

Use the style attribute with the width or height properties to specify the size of a table, row or column.

 


Full Example of HTML Table Sizes

To set the width of a table, add the style attribute to the <table> element: Here is <table style="width:100%"> See Full Example
index.html
Example: HTML
<!DOCTYPE html>
<html>
<style>
table, th, td {
  border:1px solid black;
  border-collapse: collapse;
}
</style>

<body>

<h2>100% wide HTML Table</h2>

<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
  </tr>
</table>

</body>
</html>

Output should be:

Full Example of HTML Table Sizes
Reffered: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_width





Related Articles
What is HTML Table Sizes HTML Table Sizes
How to edit HTML Table Width HTML Table Sizes
How to edit HTML Table Column Width HTML Table Sizes
How to edit HTML Table Row Height HTML Table Sizes

Single Articles
Full Example of HTML Table SizesHTML Table Sizes

Read Full:
HTML Table Sizes
Category:
Web Tutorial
Sub Category:
HTML Table Sizes
Uploaded:
1 year ago
Uploaded by:
Admin
Views:
34



Share on: