Set the proportions of cells at table correctAdjusting table cell widthWhy not use tables for layout in HTML?Add table row in jQuerySet cellpadding and cellspacing in CSS?Space between two rows in a table?Word-wrap in an HTML tableSet the table column width constant regardless of the amount of text in its cells?Getting a table row of specified width to keep everything on one line and truncate one cell as needed? (HTML/CSS)Remove space between 2 tables HTML CSS and image removes background imageCSS position:fixed is working for the header but not for the footerIncrease border width of multiple tables sent by email
When will the last unambiguous evidence of mankind disappear?
What could make large expeditions ineffective for exploring territory full of dangers and valuable resources?
What's the largest an Earth-like planet can be and support Earth's biosphere?
Extract the attribute names from a large number of Shapefiles
Why aren't there any women super Grandmasters (GMs)?
Is it possible to have a career in SciComp without contributing to arms research?
Why did my "seldom" get corrected?
Could Europeans in Europe demand protection under UN Declaration on the Rights of Indigenous Peoples?
Why teach C using scanf without talking about command line arguments?
Align the contents of a numerical matrix when you have minus signs
Manager is asking me to eat breakfast from now on
Masyu-making game
When a ball on a rope swings in a circle, is there both centripetal force and tension force?
How to not confuse readers with simultaneous events?
What are my hardware upgrade optoins for a late 2009 iMac?
Are there any satellites in geosynchronous but not geostationary orbits?
Authorship dispute on a paper that came out of a final report of a course?
How to belay quickly ascending top-rope climbers?
Should I have one hand on the throttle during engine ignition?
Formating slide
70s Sci-Fi Story including/describing Conway's solitaire game "life"
Is it possible to target 2 allies with the Warding Bond spell using the Sorcerer's Twinned Spell metamagic option?
Inscriptio Labyrinthica
How to tell readers that I know my story is factually incorrect?
Set the proportions of cells at table correct
Adjusting table cell widthWhy not use tables for layout in HTML?Add table row in jQuerySet cellpadding and cellspacing in CSS?Space between two rows in a table?Word-wrap in an HTML tableSet the table column width constant regardless of the amount of text in its cells?Getting a table row of specified width to keep everything on one line and truncate one cell as needed? (HTML/CSS)Remove space between 2 tables HTML CSS and image removes background imageCSS position:fixed is working for the header but not for the footerIncrease border width of multiple tables sent by email
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
-1
I have some problems with wrong calculating of cell's position and width.
Summary, problem:
Width of left column is increasing too fast(while inside text is writing), so that steal the space of right column, really important spase.
My code:
table
width: 100%;
td
border: 1px solid black;
<table>
<tr>
<td>This</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much space</td>
<td>1</td>
</tr>
</table>html css html-table
edited Mar 26 at 14:13
James Coyle
6,2161 gold badge23 silver badges38 bronze badges
asked Mar 26 at 11:34
Egor RandomizeEgor Randomize
1179 bronze badges
add a comment |
-1
I have some problems with wrong calculating of cell's position and width.
Summary, problem:
Width of left column is increasing too fast(while inside text is writing), so that steal the space of right column, really important spase.
My code:
table
width: 100%;
td
border: 1px solid black;
<table>
<tr>
<td>This</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much space</td>
<td>1</td>
</tr>
</table>html css html-table
edited Mar 26 at 14:13
James Coyle
6,2161 gold badge23 silver badges38 bronze badges
asked Mar 26 at 11:34
Egor RandomizeEgor Randomize
1179 bronze badges
What you are trying to achieve?
– Nicolae Maties
Mar 26 at 14:21
@NicolaeMaties I want to get something like this: i.imgur.com/2fpqQ0F.png
– Egor Randomize
Mar 26 at 14:25
Anyone (as I used my vote earlier), close this as a duplicate of stackoverflow.com/questions/7613541/adjusting-table-cell-width
– LGSon
Mar 26 at 14:33
1
@EgorRandomize Add this class and it will render as you wish:td:first-child width: 1%; white-space: nowrap;
– LGSon
Mar 26 at 14:34
add a comment |
-1
-1
-1
1
I have some problems with wrong calculating of cell's position and width.
Summary, problem:
Width of left column is increasing too fast(while inside text is writing), so that steal the space of right column, really important spase.
My code:
table
width: 100%;
td
border: 1px solid black;
<table>
<tr>
<td>This</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much space</td>
<td>1</td>
</tr>
</table>html css html-table
edited Mar 26 at 14:13
James Coyle
6,2161 gold badge23 silver badges38 bronze badges
asked Mar 26 at 11:34
Egor RandomizeEgor Randomize
1179 bronze badges
I have some problems with wrong calculating of cell's position and width.
Summary, problem:
Width of left column is increasing too fast(while inside text is writing), so that steal the space of right column, really important spase.
My code:
table
width: 100%;
td
border: 1px solid black;
<table>
<tr>
<td>This</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much space</td>
<td>1</td>
</tr>
</table>table
width: 100%;
td
border: 1px solid black;
<table>
<tr>
<td>This</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much space</td>
<td>1</td>
</tr>
</table>table
width: 100%;
td
border: 1px solid black;
<table>
<tr>
<td>This</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much space</td>
<td>1</td>
</tr>
</table>html css html-table
html css html-table
edited Mar 26 at 14:13
James Coyle
6,2161 gold badge23 silver badges38 bronze badges
asked Mar 26 at 11:34
Egor RandomizeEgor Randomize
1179 bronze badges
edited Mar 26 at 14:13
James Coyle
6,2161 gold badge23 silver badges38 bronze badges
asked Mar 26 at 11:34
Egor RandomizeEgor Randomize
1179 bronze badges
edited Mar 26 at 14:13
James Coyle
6,2161 gold badge23 silver badges38 bronze badges
edited Mar 26 at 14:13
James Coyle
6,2161 gold badge23 silver badges38 bronze badges
edited Mar 26 at 14:13
James Coyle
6,2161 gold badge23 silver badges38 bronze badges
6,2161 gold badge23 silver badges38 bronze badges
asked Mar 26 at 11:34
Egor RandomizeEgor Randomize
1179 bronze badges
asked Mar 26 at 11:34
Egor RandomizeEgor Randomize
1179 bronze badges
asked Mar 26 at 11:34
Egor RandomizeEgor Randomize
1179 bronze badges
1179 bronze badges
What you are trying to achieve?
– Nicolae Maties
Mar 26 at 14:21
@NicolaeMaties I want to get something like this: i.imgur.com/2fpqQ0F.png
– Egor Randomize
Mar 26 at 14:25
Anyone (as I used my vote earlier), close this as a duplicate of stackoverflow.com/questions/7613541/adjusting-table-cell-width
– LGSon
Mar 26 at 14:33
1
@EgorRandomize Add this class and it will render as you wish:td:first-child width: 1%; white-space: nowrap;
– LGSon
Mar 26 at 14:34
add a comment |
What you are trying to achieve?
– Nicolae Maties
Mar 26 at 14:21
@NicolaeMaties I want to get something like this: i.imgur.com/2fpqQ0F.png
– Egor Randomize
Mar 26 at 14:25
Anyone (as I used my vote earlier), close this as a duplicate of stackoverflow.com/questions/7613541/adjusting-table-cell-width
– LGSon
Mar 26 at 14:33
1
@EgorRandomize Add this class and it will render as you wish:td:first-child width: 1%; white-space: nowrap;
– LGSon
Mar 26 at 14:34
What you are trying to achieve?
– Nicolae Maties
Mar 26 at 14:21
What you are trying to achieve?
– Nicolae Maties
Mar 26 at 14:21
@NicolaeMaties I want to get something like this: i.imgur.com/2fpqQ0F.png
– Egor Randomize
Mar 26 at 14:25
@NicolaeMaties I want to get something like this: i.imgur.com/2fpqQ0F.png
– Egor Randomize
Mar 26 at 14:25
Anyone (as I used my vote earlier), close this as a duplicate of stackoverflow.com/questions/7613541/adjusting-table-cell-width
– LGSon
Mar 26 at 14:33
Anyone (as I used my vote earlier), close this as a duplicate of stackoverflow.com/questions/7613541/adjusting-table-cell-width
– LGSon
Mar 26 at 14:33
1
1
@EgorRandomize Add this class and it will render as you wish:
td:first-child width: 1%; white-space: nowrap; – LGSon
Mar 26 at 14:34
@EgorRandomize Add this class and it will render as you wish:
td:first-child width: 1%; white-space: nowrap; – LGSon
Mar 26 at 14:34
add a comment |
2 Answers
2
active
oldest
votes
0
Is this what you are looking for? Or are you meant to have seperate tables for each row?
//-----EDIT-----//
Ok cool wasn't sure what you were trying to achieve, this should work for you.
table
width: 100%;
td
border: 1px solid black;
white-space: nowrap;
td:nth-child(2)
width: 100%;
<table>
<tr>
<td>This</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much space</td>
<td>1</td>
</tr>
</table>answered Mar 26 at 14:23
Paddy HallihanPaddy Hallihan
6801 gold badge8 silver badges28 bronze badges
add a comment |
1
table
width: 100%;
td:first-child
border: 1px solid black;
white-space: nowrap;
td:last-child
border: 1px solid black;
width: 100%;
<table>
<tr>
<td>This</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much space</td>
<td>1</td>
</tr>
</table>answered Mar 26 at 14:45
Nicolae MatiesNicolae Maties
4493 silver badges7 bronze badges
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55356162%2fset-the-proportions-of-cells-at-table-correct%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
Is this what you are looking for? Or are you meant to have seperate tables for each row?
//-----EDIT-----//
Ok cool wasn't sure what you were trying to achieve, this should work for you.
table
width: 100%;
td
border: 1px solid black;
white-space: nowrap;
td:nth-child(2)
width: 100%;
<table>
<tr>
<td>This</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much space</td>
<td>1</td>
</tr>
</table>answered Mar 26 at 14:23
Paddy HallihanPaddy Hallihan
6801 gold badge8 silver badges28 bronze badges
add a comment |
0
Is this what you are looking for? Or are you meant to have seperate tables for each row?
//-----EDIT-----//
Ok cool wasn't sure what you were trying to achieve, this should work for you.
table
width: 100%;
td
border: 1px solid black;
white-space: nowrap;
td:nth-child(2)
width: 100%;
<table>
<tr>
<td>This</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much space</td>
<td>1</td>
</tr>
</table>answered Mar 26 at 14:23
Paddy HallihanPaddy Hallihan
6801 gold badge8 silver badges28 bronze badges
add a comment |
0
0
0
Is this what you are looking for? Or are you meant to have seperate tables for each row?
//-----EDIT-----//
Ok cool wasn't sure what you were trying to achieve, this should work for you.
table
width: 100%;
td
border: 1px solid black;
white-space: nowrap;
td:nth-child(2)
width: 100%;
<table>
<tr>
<td>This</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much space</td>
<td>1</td>
</tr>
</table>answered Mar 26 at 14:23
Paddy HallihanPaddy Hallihan
6801 gold badge8 silver badges28 bronze badges
Is this what you are looking for? Or are you meant to have seperate tables for each row?
//-----EDIT-----//
Ok cool wasn't sure what you were trying to achieve, this should work for you.
table
width: 100%;
td
border: 1px solid black;
white-space: nowrap;
td:nth-child(2)
width: 100%;
<table>
<tr>
<td>This</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much space</td>
<td>1</td>
</tr>
</table>table
width: 100%;
td
border: 1px solid black;
white-space: nowrap;
td:nth-child(2)
width: 100%;
<table>
<tr>
<td>This</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much space</td>
<td>1</td>
</tr>
</table>table
width: 100%;
td
border: 1px solid black;
white-space: nowrap;
td:nth-child(2)
width: 100%;
<table>
<tr>
<td>This</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much space</td>
<td>1</td>
</tr>
</table>answered Mar 26 at 14:23
Paddy HallihanPaddy Hallihan
6801 gold badge8 silver badges28 bronze badges
edited Mar 26 at 14:42
answered Mar 26 at 14:23
Paddy HallihanPaddy Hallihan
6801 gold badge8 silver badges28 bronze badges
answered Mar 26 at 14:23
Paddy HallihanPaddy Hallihan
6801 gold badge8 silver badges28 bronze badges
answered Mar 26 at 14:23
Paddy HallihanPaddy Hallihan
6801 gold badge8 silver badges28 bronze badges
6801 gold badge8 silver badges28 bronze badges
add a comment |
add a comment |
1
table
width: 100%;
td:first-child
border: 1px solid black;
white-space: nowrap;
td:last-child
border: 1px solid black;
width: 100%;
<table>
<tr>
<td>This</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much space</td>
<td>1</td>
</tr>
</table>answered Mar 26 at 14:45
Nicolae MatiesNicolae Maties
4493 silver badges7 bronze badges
add a comment |
1
table
width: 100%;
td:first-child
border: 1px solid black;
white-space: nowrap;
td:last-child
border: 1px solid black;
width: 100%;
<table>
<tr>
<td>This</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much space</td>
<td>1</td>
</tr>
</table>answered Mar 26 at 14:45
Nicolae MatiesNicolae Maties
4493 silver badges7 bronze badges
add a comment |
1
1
1
table
width: 100%;
td:first-child
border: 1px solid black;
white-space: nowrap;
td:last-child
border: 1px solid black;
width: 100%;
<table>
<tr>
<td>This</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much space</td>
<td>1</td>
</tr>
</table>answered Mar 26 at 14:45
Nicolae MatiesNicolae Maties
4493 silver badges7 bronze badges
table
width: 100%;
td:first-child
border: 1px solid black;
white-space: nowrap;
td:last-child
border: 1px solid black;
width: 100%;
<table>
<tr>
<td>This</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much space</td>
<td>1</td>
</tr>
</table>table
width: 100%;
td:first-child
border: 1px solid black;
white-space: nowrap;
td:last-child
border: 1px solid black;
width: 100%;
<table>
<tr>
<td>This</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much space</td>
<td>1</td>
</tr>
</table>table
width: 100%;
td:first-child
border: 1px solid black;
white-space: nowrap;
td:last-child
border: 1px solid black;
width: 100%;
<table>
<tr>
<td>This</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much</td>
<td>1</td>
</tr>
</table>
<table>
<tr>
<td>This text escapes too much space</td>
<td>1</td>
</tr>
</table>answered Mar 26 at 14:45
Nicolae MatiesNicolae Maties
4493 silver badges7 bronze badges
answered Mar 26 at 14:45
Nicolae MatiesNicolae Maties
4493 silver badges7 bronze badges
answered Mar 26 at 14:45
Nicolae MatiesNicolae Maties
4493 silver badges7 bronze badges
answered Mar 26 at 14:45
Nicolae MatiesNicolae Maties
4493 silver badges7 bronze badges
4493 silver badges7 bronze badges
add a comment |
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55356162%2fset-the-proportions-of-cells-at-table-correct%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
What you are trying to achieve?
– Nicolae Maties
Mar 26 at 14:21
@NicolaeMaties I want to get something like this: i.imgur.com/2fpqQ0F.png
– Egor Randomize
Mar 26 at 14:25
Anyone (as I used my vote earlier), close this as a duplicate of stackoverflow.com/questions/7613541/adjusting-table-cell-width
– LGSon
Mar 26 at 14:33
1
@EgorRandomize Add this class and it will render as you wish:
td:first-child width: 1%; white-space: nowrap;– LGSon
Mar 26 at 14:34