Edit - Stack Overflow

You are not logged in. Your edit will be placed in a queue until it is peer reviewed.

We welcome edits that make the post easier to understand and more valuable for readers. Because community members review edits, please try to make the post substantially better than how you found it, for example, by fixing grammar or adding additional resources and hyperlinks.

Required fields*

Rev

Required fields*

Set table column width via Markdown

I have a project using Slate, which allows using table markup in the following format.

Name | Value
-------|-------------------
`Value-One` | Long explanation
`Value-Two` | Long explanation
`etc` | Long explanation

My problem is that the first column is rendered too narrow, and is wrapping the content (i.e. breaking the code values onto two lines) rather than displaying it on a single line. My preference is that the first column be wide enough to display the name/key fully, and then the second column can take up the rest of the available space.

My question is if it is possible (and therefore, how) to set the column width via markup, or at least add a class to the table via markup (so that I can style a particular table via CSS). Or is there a better approach to this? I'd prefer not to have to write out the table in full HTML (which would be a last resort option).

Answer*

Draft saved

Draft discarded

Edit Summary*

Cancel

2

This is the most elegant (no "invisible" images), and allows using % of total width. Nice!

Galz
– Galz

2020年04月21日 21:31:41 +00:00
Commented Apr 21, 2020 at 21:31
2

But it seems like it will work for all the tables within an article (global). How can I apply different rules to different tables within one article (local)?

sun0727
– sun0727

2020年05月11日 10:17:04 +00:00
Commented May 11, 2020 at 10:17
1

@sun0727 add a css class for it , ref stackoverflow.com/a/36215330/12073333

wongoo
– wongoo

2020年05月13日 01:11:10 +00:00
Commented May 13, 2020 at 1:11
I like this option more than the excepted answer for a one-off solution, although the accepted answer is extensible to other pages in your site.

TheMet4lGod
– TheMet4lGod

2024年06月08日 14:39:52 +00:00
Commented Jun 8, 2024 at 14:39

Add a comment |

How to Edit

Correct minor typos or mistakes
Clarify meaning without changing it
Add related resources or links
Always respect the author’s intent
Don’t use edits to reply to the author

How to Format

create code fences with backticks ` or tildes ~
```
like so
```
add language identifier to highlight code
```python
def function(foo):
print(foo)
```
put returns between paragraphs
for linebreak add 2 spaces at end
_italic_ or **bold**
indent code by 4 spaces
backtick escapes `like _so_`
quote by placing > at start of line
to make links (use https whenever possible)

<https://example.com>

[example](https://example.com)

<a href="https://example.com">example</a>

formatting help »
answering help »

How to Tag

A tag is a keyword or label that categorizes your question with other, similar questions. Choose one or more (up to 5) tags that will help answerers to find and interpret your question.

complete the sentence: my question is about...
use tags that describe things or concepts that are essential, not incidental to your question
favor using existing popular tags
read the descriptions that appear below the tag

If your question is primarily about a topic for which you can't find a tag:

combine multiple words into single-words with hyphens (e.g. python-3.x), up to a maximum of 35 characters
creating new tags is a privilege; if you can't yet create a tag you need, then post this question without it, then ask the community to create it for you

popular tags »

CollectivesTM on Stack Overflow

Set table column width via Markdown

Answer*