Css setting table column width

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

0 vote348 views1 answer
How to install gotham rounded as a font in visual studio code for my css file
CSS
66 votes294 views6 answers
Rotate element css
CSS
74 votes301 views6 answers
Css rounded corners
CSS
33 votes238 views21 answers
Laravel clear cache
CSS
5 votes425 views2 answers
Materialize css cdn
CSS Materialize
0 vote328 views1 answer
How to target input type with css
CSS
51 votes310 views6 answers
Text overflow ellipsis css
CSS
1 vote302 views1 answer
Css bg code
CSS
1 vote329 views1 answer
How to do a smooth transform scale
CSS
1 vote309 views1 answer
Mos css
CSS