23-Tamanos de las tablas en html

Podemos poner un tamano para cada columna, fila o toda la mesa

Utilizando el atributi style con las propriedades width o height

---

...

Ancho de la tabla HTML

Para ponermos una tabla que ocupe todo el espacio posible, pondremos el seguinte codigo

style="width:100%"

ejemplo de tabla a 100%

Column 1	Column 2	Column 3
R1C1	R1C2	R1C3
Item	Item	Item

Ancho de columna

La tecnica es la misma que la anterior pero ahora en la comuna que queremos modificar

Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94

---

El codigo seria el seguiente:

    <table style="width:100%">
    <tr>
    <th style="width:70%">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>
  </table> 
   

---

Altura de fila de la tabla HTML

Para cambiar al altura de la fila pondremos en la fila que queramos cambiar el seguiente codigo:

<tr style="height:200px">

ejemplo

Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94

---

Ir al indice