1つの特定の列のフレキシブル列幅

Question

セルの内容が複数の行に折り返すべきではない表があります。

私はいくつかのセル（ID、値、およびアクションの完全な内容を表示するためにテーブルを適応させたい、以下の私の例では）。

他のセルに残りのスペースをとり、オーバーフローを隠すようにします。

これは可能でしょうか？

ここでは、フィドルの例を示します。

• いいえCSS：すべてが2行に折り返されていますが、これは正常ではありません。
• いいえ折り返し：テーブルが広すぎて、説明セルを切り捨てたい。

https://jsfiddle.net/user280767/pfeL3bwk/

table.ex-2 td { 
    white-space: nowrap; 
} 

table.ex-2 td.descr { 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

Answer 1

だけを使用しています。

変更されたJSFiddleを参照してください。

MDN Article on table-layout。

テーブルの固定幅を設定した後は、列の幅をたとえばcolタグで設定するか、幅を直接thに設定します。

このJSFiddleを参照してください。

tableにすべての幅を使用する場合は、width: 100%;とするか、デフォルトのままにしてください（幅はルールなし）。