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

change table column width css

Add Answer

kevin velasquez answered on February 7, 2022 Popularity 9/10 Helpfulness 1/10

answer change table column width css

related CSS Setting Table Column Width

related how to set table column width in html

related HTML Table Column Width

related change table column width css

change table column width css

Comment

<table>
  <tr>
    <th>header 1</th>
    <th>header 234567895678657</th>
  </tr>
  <tr>
    <td>data asdfasdfasdfasdfasdf</td>
    <td>data 2</td>
  </tr>
</table>
 Run code snippetHide results

Popularity 9/10 Helpfulness 1/10 Language css

Source: stackoverflow.com

Tags: column-width css

Link to this answer
Share Copy Link

Contributed on Nov 16 2022

kevin velasquez

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

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

change table column width css

Comment

table {
  border: 1px solid black;
  table-layout: fixed;
  width: 200px;
}

th,
td {
  border: 1px solid black;
  width: 1000px;
  overflow: hidden;
}

Popularity 9/10 Helpfulness 3/10 Language css

Source: stackoverflow.com

Tags: column-width column-wid

Link to this answer
Share Copy Link

Contributed on Nov 16 2022

kevin velasquez

0 Answers Avg Quality 2/10

change table column width css

Contents

More Related Answers

change table column width css

Closely Related Answers

CSS Setting Table Column Width

how to set table column width in html

HTML Table Column Width

change table column width css

Grepper

Documentation

Social

Legal

Contact

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