HTMLテーブルヘッダーの幅は比例幅に応じてサイジングされているようですか？

Question

よろしくお願いいたします。以下のコードで私はいくつかの偽のデータ値を持っています。私は150pxを述べたように固定するのではなく、カップル以上の文字を追加すると、画面の実際の幅が変わるようです。固定するには幅が必要です。私がこれを保証するために設定できるプロパティはありますか？

<div id='DataTable' style='height:300px;overflow:auto;overflow-x:auto;overflow-y:scroll;width:900px;' onmouseup="MatchScroll('DataTable','HeaderTable', true);" onmousemove="MatchScroll('DataTable','HeaderTable', false);"  > 
<table border='1' style='width:2850px;'> 
    <tbody id='ClearDetails'> 
     <tr id='Row0' style='color:black;height:auto;'> 
      <td style='width:150px;'>testtttt</td> 
      <td style='width:150px;'>te</td> 
      <td style='width:150px;'>test</td> 
      <td style='width:150px;'>test</td> 
      <td style='width:150px;'>t</td> 
      <td style='width:150px;'>test</td> 
      <td style='width:150px;'>test</td> 
      <td style='width:150px;'>testtttttt</td> 
      <td style='width:150px;'>test</td> 
      <td style='width:150px;'>test</td> 
      <td style='width:150px;'>test</td> 
      <td style='width:150px;'>test</td> 
      <td style='width:150px;'>test</td> 
      <td style='width:150px;'>test</td> 
      <td style='width:150px;'>test</td> 
      <td style='width:150px;'>test</td> 
      <td style='width:150px;'>test</td> 
      <td style='width:150px;'>test</td> 
      <td style='width:150px;'>test</td> 
     </tr> 
    </tbody> 
</table> 

Answer 1

overflowプロパティがデフォルトで継承されていない、あなたはこれを使用する必要があるだろう。また

<th style='width:150px; overflow-x:hidden;'> 
    <a style='width:150px;' href=''>t</a> 
</th> 

を、私は強くあなたがクラスを使用することを示唆しています。