thとtdの幅が動作しない

Question

テキストが長すぎる場合は、行の最初の要素を必要とするテーブルをまとめています。そのために私は、このテーブルを持っているだけで、「私は」あなたは

#name{ 
 
    white-space: nowrap; 
 
    overflow: hidden; 
 
    text-overflow: ellipsis; 
 
    width: 100%; 
 
}

<table style="width:100%"> 
 
    <thead> 
 
    <tr> 
 
     <th id="name" style="width:20%">Test name test name test name</th> 
 
     <th id="number">547821365</th> 
 
     <th id="address">test #10900</th> 
 
    </tr> 
 
    </thead> 
 
</table>

は、しかし、これは動作しません非常に長くなければならない略語のテキストを使用することができますしたい

#name{ 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    width: 100%; 
} 

を使用し、常に最初の要素はテキストに応じて拡大され、他の列は中断されます。