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

20 votes240 views3 answers
Custom data attributes html
Html
1 vote266 views1 answer
Vue submit reloads page
Html
0 vote279 views1 answer
Kodingan menambahkan judul isi di html
Html
0 vote264 views1 answer
What is seizure disorder
Html
0 vote259 views1 answer
Selectize add properties to item from html
Html
0 vote265 views1 answer
Error: Stray start tag script.
Html
0 vote244 views2 answers
Space between 2 h tags without break
Html
0 vote254 views1 answer
Meta no cache
Html
9 votes284 views1 answer
2 way bind vue
Html
2 votes268 views1 answer
How to install font-aweseome usin npm
Html