CSS Setting Table Column Width

<table border="1" width="100%">
	<col style="width:40%">
	<col style="width:30%">
	<col style="width:30%">
	<thead>
	<tr>
		<th>Fruits</th>
		<th>Vitamin A</th>
		<th>Vitamin C</th>
	</tr>
	</thead>
	<tbody>
	<tr>
		<th>Apples</th>
		<td>98 ui</td>
		<td>8.4 mg</td>
	</tr>
	<tr>
		<th>Oranges</th>
		<td>295 ui</td>
		<td>69.7 mg</td>
	</tr>
	<tr>
		<th>Bananas</th>
		<td>76 ui</td>
		<td>10.3 mg</td>
	</tr>
	</tbody>
</table>

Source: html5-tutorial.net

Css setting table column width

table {
  width: 100%;
  border: 1px solid #000;
}
th.from, th.date {
  width: 15%
}
th.subject {
  width: 70%; /* Not necessary, since only 70% width remains */
}

Source: stackoverflow.com

Similar codes

1 vote146 views1 answer
Redux sagas
Html
10 votes120 views1 answer
Google logo link
Html
2 votes113 views1 answer
Assign stylesheet
Html
0 vote115 views1 answer
Form hide in html
Html
0 vote151 views1 answer
Cara mengatur ukuran gambar navbar-brand
Html
22 votes119 views1 answer
Html input float type
Html
6 votes117 views3 answers
Router link with params
Html
19 votes110 views5 answers
Material icons cdn
Html
27 votes291 views3 answers
Html code editor
Html
49 votes118 views6 answers
Image html
Html