Markdownを使用してテーブルの列幅を設定する

Question

Slateを使用するプロジェクトがあります。これにより、次の形式でテーブルマークアップを使用できます。

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

私の問題は、最初の列が狭すぎるレンダリングされ、そして（すなわち、2行にコード値を壊す）コンテンツをラップではなく、単一のライン上に表示されることです。私の好みは、最初の列が名前/キーを完全に表示するのに十分な幅であり、次に2番目の列が残りの空き領域を占有できることです。

私は、マークアップを使って列幅を設定することができますか、少なくともマークアップを使用してテーブルにクラスを追加することができます（CSSを使用して特定の表をスタイルすることができます）。それとももっと良いアプローチがありますか？私は完全なHTML（最後の手段の選択肢になります）で表を書き出す必要はありません。

Answer 1

あなたのケースでこれが動作するかどうかはわかりません。

あなたはdiv要素の中にテーブルをラップしようとし、その後、CSSを経由して、それをスタイリングすることができます

<div class="foo"> 

Header | header 
------ | ----- 
Bar | bar 

</div> 

CSS：

.foo table { 
    styles... 
} 

は動作するはずです。

お役に立てば幸いです！

Answer 2

私は長い間答えを探していましたが、最終的にこの解決策を考え出しました。マークダウン列の幅は列の最長セルによって決まるので、必要に応じてhtmlスペースエンティティ を使用して列を拡大します。 それは編集モードで醜い見えるが、最終的には、トリックを行います

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