2014-03-26 41 views
1

我正在使用jQuery完全生成一個表。它除了一個方面外很好。某些字段的列標題的寬度太大。jQuery動態表頭大小

請注意小提琴中包含'asdf','1234'和'5678'的字段是合適的寬度。 我想字符串的長度也是這個寬度。截至目前,我正在嘗試以靜態方式設置寬度和高度。我已經注意到,高度越大,比如1000像素,會使寬度適當,但我不能擁有那麼大的列。 我該如何去做?

th { 
width: 20px; 
height: 550px; 
} 

http://jsfiddle.net/michaela_elise/CFNHP/29/

謝謝你在前進, 麥克拉

+0

文本是垂直的嗎?這個問題與'white-space:nowrap'屬性直接相關。表頭仍然試圖容納跨度的(水平)寬度,即使它們是垂直旋轉的。 – Batfan

回答

0

的問題是旋轉跨距如果文本沒有旋轉,他們將有寬度。您可以通過在跨度上指定寬度來覆蓋此值,然後表格會正確調整以適合它們:

.r90 span { 
/* ... */ 
width: 20px; /* <== Specify width here */ 
} 
+0

謝謝約翰。這絕對可以解決寬度問題。我如何將文本推到底部? –

+1

@michaela_elise只需設置vertical-align:bottom;給你的th元素 –