Breaking News: Grepper is joining You.com. Read the official announcement!

auto column width table html

Add Answer

John Michael Belmonte answered on February 7, 2022 Popularity 9/10 Helpfulness 2/10

answer auto column width table html

related CSS Setting Table Column Width

related how to set table column width in html

related auto column width table html

related HTML Table Column Width

auto column width table html

Comment

<tr>
    <td class="fitwidth">ID</td>
    <td>Description</td>
    <td class="fitwidth">Status</td>
    <td>Notes</td>
</tr>

Popularity 9/10 Helpfulness 2/10 Language html

Source: stackoverflow.com

Tags: auto column-width html

Link to this answer
Share Copy Link

Contributed on Jul 19 2022

John Michael Belmonte

0 Answers Avg Quality 2/10

Closely Related Answers

CSS Setting Table Column Width

Comment

<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>

Popularity 10/10 Helpfulness 8/10 Language html

Source: html5-tutorial.net

Tags: column-width column-wid

Link to this answer
Share Copy Link

Contributed on Feb 07 2022

Filthy Fish

0 Answers Avg Quality 2/10

how to set table column width in html

Comment

-2

<!--Simple table with column width-->
<table>
    <colgroup>
       <col span="1" style="width: 15%;">
       <col span="1" style="width: 70%;">
       <col span="1" style="width: 15%;">
    </colgroup>
	<!--Put <thead> and <tr>'s here-->
    <tbody>
       <td>From</td>
       <td>Subject</td>
       <td>Date</td>
    </tbody>
</table>
<!--This code ensures that the columns span one column each (span attribute)-->
<!--Width attribute can be pixel too.-->

Popularity 10/10 Helpfulness 5/10 Language html

Source: Grepper

Tags: column-width column-wid

Link to this answer
Share Copy Link

Contributed on Sep 06 2022

Elliot Cullen

0 Answers Avg Quality 2/10

auto column width table html

Comment

td.fitwidth {
    width: 1px;
    white-space: nowrap;
}

Popularity 9/10 Helpfulness 4/10 Language html

Source: stackoverflow.com

Tags: auto

Link to this answer
Share Copy Link

Contributed on Jul 19 2022

John Michael Belmonte

0 Answers Avg Quality 2/10

HTML Table Column Width

Comment

<!DOCTYPE html>
<html>
<style>
table, th, td {
  border:1px solid black;
  border-collapse: collapse;
}
</style>
<body>

<h2>Set the first column to 70% of the table width</h2>

<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>
  <tr>
    <td>John</td>
    <td>Doe</td>
    <td>80</td>
  </tr>
</table>

</body>
</html>

Popularity 9/10 Helpfulness 4/10 Language html

Source: Grepper

Tags: column-width column-wid

Link to this answer
Share Copy Link

Contributed on Feb 18 2023

Rakib

0 Answers Avg Quality 2/10

auto column width table html

Contents

More Related Answers

auto column width table html

Closely Related Answers

CSS Setting Table Column Width

how to set table column width in html

auto column width table html

HTML Table Column Width

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.