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 vote336 views1 answer
Initialize toast
CSS
0 vote357 views2 answers
How to link css to html in visual studio code
CSS
100 votes309 views8 answers
Create react app
CSS
14 votes317 views2 answers
How to render css in flask link
CSS
182 votes519 views6 answers
How to link css to html
CSS
0 vote403 views1 answer
Materialize css form file input
CSS Materialize
0 vote326 views1 answer
Not let user select in css
CSS
1 vote343 views1 answer
Css transform border radius
CSS
6 votes355 views3 answers
Disable drag image css
CSS
0 vote332 views1 answer
Scss how to use a variable in entire angular project
CSS