chaging Breite einer Spalte css

Question

Hier ist meine CSS-Eigenschaften für eine Tabelle. Ich möchte die Breite einer bestimmten Spalte festlegen und den Überlauf ausblenden. Ich habe alle Spalten ausprobiert, aber ich kann es nicht funktionieren lassen.

.celltable2 table { 
table-layout:fixed; 
font-family: Helvetica, Arial, sans-serif; 
width: 640px; 
border-collapse: 
collapse; border-spacing: 0; 
} 

table.celltable2 td, th { 

border: 1px solid transparent; 
width: 30px; 
height: 30px; 
transition: all 0.3s; 
overflow: hidden; 
} 

table.celltable2 td { 

text-align:center; 
    vertical-align:middle; 
} 

Gibt es etwas, das ich vermisse ?. Ich habe versucht, Colgroup und Colspan zu definieren, aber keinen Erfolg.

Answer 1

Das Problem ist mit diesem CSS

table.celltable2 td, th { 
    border: 1px solid transparent; 
    width: 30px; 
    height: 30px; 
    transition: all 0.3s; 
    overflow: hidden; 
} 

In dieser Sie die Breite <td> gezielt haben aber nicht die <th> wie nach , Sie dieses table.celltable2 th statt nur th definieren müssen.

Dieses korrekt ist

table.celltable2 td, table.celltable2 th { 
    border: 1px solid transparent; 
    width: 30px; 
    height: 30px; 
    transition: all 0.3s; 
    overflow: hidden; 
}