<table>のレイアウト設定。px指定と%指定を共存させてpx指定を優先させたい。

前提・実現したいこと

Webアプリを作成しています。

<table>のレイアウトの設定の方法について教えてください。

◆実現したいこと
以下の項目とレイアウトからなる表を作りたい。

No・・・・・・・・15pxで固定
ラジオボタン・・・15pxで固定
項目１・・・・・・(表の横幅 - (15+15+150) / 2) px
項目２・・・・・・(表の横幅 - (15+15+150) / 2) px
項目３・・・・・・150pxで固定

表の横幅・・・・・・画面に対して100%

Javascriptを使えば、表示中の表幅から項目１や項目２の具体的なpx数を計算して、それを設定する・・・ということは恐らくできるだろうと考えていますが、今回はcssやタブのstyleだけで設定する方法を知りたいです。ご存知の方がいらっしゃいましたアドバイスをお願い致します。

P.S.初めてteratailへ投稿をさせて頂きます。質問方法に関しても、気になることがありましたらご指摘いただければ幸いです。今後の参考にさせて頂きます。

該当のソースコード

html
1    <table border="1"  cellspacing="0" cellpadding="0" style="width:100%; height:20px">
2      <tr>
3        <th style="width:15px">No</th>
4        <th style="width:15px">選択</th>
5        <th style="width:50%">題１</th>
6        <th style="width:50%">題２</th>
7        <th style="width:150px">題３</th>
8      </tr>
9    </table>
10    
11    <br>
12    
13    <table border="1"  cellspacing="0" cellpadding="0" style="width:100%; height:20px">
14      <tr>
15        <th style="width:15px">No</th>
16        <th style="width:15px">選択</th>
17        <th style="width:20%">題１</th>
18        <th style="width:20%">題２</th>
19        <th style="width:150px">題３</th>
20      </tr>
21    </table>
22    
23    <br>
24    
25     <table border="1"  cellspacing="0" cellpadding="0" style="width:100%; height:20px">
26      <tr>
27        <th style="width:15px"></th>
28        <th style="width:15px"></th>
29        <th style="width:50%"></th>
30        <th style="width:50%"></th>
31        <th style="width:150px"></th>
32      </tr>
33    </table>

試したこと

前提に記載した通りの表を作るために、<th style="">で設定をしてみました。
結果、px 設定よりも % 設定が優先されているような印象を受ける結果となりました。
0. 最低限の文字とborderを表示できる幅を確保？
0. % 設定されている項目の幅（表幅に対する指定%分）を確保？
0. 残りの幅をpx指定の項目で分けあう？