どのようにして1つのテーブル列を空きスペースをすべて埋めるようにしますか？

Question

私は3列からなるHTMLテーブルを持っています。固定幅は600pxです。

<table> 
    <tr> 
    <td>Name</td> 
    <td>Qty</td> 
    <td>Actions</td> 
    </tr> 
</table> 

は私が数量とアクションの列が利用可能なスペースの残りの部分を取るにして[名前]列（1行にコンテンツを維持する）可能な限り小さくすることにしたいです。 QtyとActionsの列のサイズは内容/フォントサイズによって変わりますので、固定幅はこの場合は機能しません。

HTML/CSSでこれを行う方法はありますか？それとも私はJavascriptを打破するために必要なものですか？

Answer 1

width = "99％"をその列に適用できます。たとえば、

<table> 
    <tr> 
    <td width="99%">Name</td> 
    <td>Qty</td> 
    <td>Actions</td> 
    </tr> 
</table> 

Answer 2

max-width：99％を使用できます。最初の列に固定サイズを与えます（私はピクセルサイズの列を使用しました）。

<table style="width: 100%;"> 
    <tr> 
    <td style="max-width: 99%"> 
     Will max 
    </td> 
    <td style='width:110px;'> 
     fixed size here 
    </td> 
    </tr> 
</table>