html-table - html テーブル td サイズ固定および相対混合

Question

例えば、

<table width="100%">
  <tr>
     <td width="40"></td> // left margin

     <td width="10">0</td>
     <td width="%"></td>
     <td width="10">3</td>
     <td width="%">0</td>
     <td width="10">6</td>
     <td width="%">0</td>
     <td width="10">9</td>

     <td width="40"></td> // right margin
  </tr>
</table>

固定番号の列を固定し、その他を相対的にしたい。それぞれ25%にしてみました。しかし、まだ機能していません。

Answer 1

質問に基づいて、これが私がそれを構成する方法です。コードを示すJSFiddleを次に示します。

CSS:

table {
    width: 100%;
}

td.fixed {
    position: fixed;
    width: 40%;
}

td.others {
    padding: 0 10px;
    width: 10%;
}

HTML:

<table>
  <tr>
     <td class="fixed"></td>

     <td class="others">0</td>
     <td class="others">3</td>
     <td class="others">6</td>
     <td class="others">9</td>

     <td class="fixed"></td>
  </tr>
</table>