Son sütunun genişliğini nasıl kontrol ederim?

Question

Genişliği td'ye eklediğimde, daha büyük oluyor.

Son sütunda çok fazla metin varsa ancak genişliğin tüm sayfada görünmesini istemiyorum, nasıl denetlerim?

th'un nowrap olmasını isterim ve 'Değiştirme' ve 'Ek sınama' her zaman evet/hayır metin olur.

Ben buna bir maksimum genişlik son <td> bulup uygulamak için https://jsfiddle.net/6Lmt5vjc/

table.standardtable { 
    border: 1px solid #ddd; 
    } 
table.standardtable th, 
table.standardtable td { 
    padding: 5px 9px; 
    border-bottom: 1px solid #ddd; 
    border-left: 1px solid #ddd; 
    text-align: left; 
    color: #000; 
    } 
table.standardtable th{ 
    background-color: #f3f3f3; 
    font-weight: bold; 
    } 
table.standardtable th.section1{ 
    background-color: #04659D; 
    color: #fff; 
    border-bottom: 1px solid #044971; 
    } 

Answer 1

Kullanım css seçicileri yaptı: not etmek

table.standardtable tr td:last-child{ /* last-child returns the last instance of the td */ 
    max-width:150px; 
    /* additional styles as required */ 
} 

Fiddle demo

Bir şeyi senin keman, <td> ve <th> karışık kullanmayın. <th>, <td>'un normal bir hücre olduğu bir tablo üstbilgisidir. Teknik olarak işaretleme işe yarıyor olsa da, iyi bir uygulama değildir. Eğer işaretlemeyi değiştirmek istiyorsanız

<table> 
<tr> 
<th></th> 
<th></th> 
<th></th> 
</tr> 
<tr> 
<td></td> 
<td></td> 
<td></td> 
</tr> 
</table> 

yerine css classes kullanın: bir şey gibi

Geçerli tablo olurdu.