html Tabelle erste Spalte Breite nicht respektieren Pixel Breite

Question

Ich habe eine Tabelle mit der folgenden Spalte Sizing Set. Die ersten beiden sind fest und die letzte ist so eingestellt, dass sie den verbleibenden Platz belegt. Jedoch ist nur die erste thnicht Respekt Breite Attribut (wenn in Pixel). Es zeigt die richtige Breite, wenn ich in Prozent einstelle. Es erscheint mir komisch, weil ich auch keine anderen Stile finden konnte. Ich habe sogar versucht, eine Spalte vor der "Benutzer" -Spalte hinzuzufügen, in welchem ​​Fall der Benutzer den richtigen Platz wie angegeben erhält und die neue Spalte sich auszubreiten versucht.

<table width="100%"> 
    <thead> 
     <tr> 
      <th width="100">User</th> 
      <th width="150">Date</th> 
      <th width="">Note</th> 
     </tr> 
    </thead> 
</table> 

Was könnte die mögliche Ursache dafür sein? Warum funktioniert es für Prozent und nicht Pixel? Ich habe sogar versucht, die Tischbreite in px anstatt in% anzugeben.

Answer 1

Weil in HTML-Tag Breite Attribute verwenden Sie px, wenn Sie Tabelle mit voller Breite wollen. Definieren Sie die Breite der Tabelle in css

Answer 2

Haben Sie einen Stil in Ihrem CSS, dass die Tabelle Tag global definieren?

<table width="100%" border="1px"> 
    <thead> 
     <tr> 
      <th width="100px">User</th> 
      <th width="150px">Date</th> 
      <th>Note</th> 
     </tr> 
    </thead> 
</table> 

es funktioniert gut auf die https://jsfiddle.net/mqwh0cpn/