2013-08-27 36 views
1

我想在我的jQuery Data表格行中設置tr的高度。將CSS樣式應用於數據表child tr's

這是我在我的CSS。

#TableWrapper tbody tr { 
    min-height: 35px; 
} 

下面是我的表的控制檯的屏幕截圖,您可以看到id =「TableWrapper」。

enter image description here

可能有人說我在做什麼錯的風格,這些孩子TR的?

+2

單擊在開發工具的'tr's之一,看看你可以看到你的風格。如果它有刪除線,則意味着具有更高優先級的內容會覆蓋您的樣式。 – mattytommo

+0

也許你應該將它用於'#TableWrapper tbody tr td'而不是'tr' –

+0

@mattytommo沒有刪除線。 – Pomster

回答

3

按照documentation

在CSS 2.1,「最小高度」和上表,內聯的表,表格單元格,表中的行,並且行組「最大高度」的效果是未定義的。

所以你可以嘗試使用height屬性。

#TableWrapper tbody tr 
{ 
    height: 35px; 
} 

Demo

+0

感謝這個工作。 – Pomster

0
#TableWrapper tbody tr 
{ 
    height: 35px; 
    float: left; 
} 

嘗試上述風格。

-1

如果你有正確的元素,你寫的CSS,如果它不會出現,因爲它應該有機會,你的CSS被一些其他的CSS覆蓋。

此外,您可以在CSS中使用「!important」以使其變得重要並避免重寫。

#TableWrapper tbody tr { 
    min-height: 35px !important; 
} 
+0

謝謝我將來會記住這一點,但它並沒有解決我的問題。 – Pomster

+0

你的問題不能由我們解決,除非我們有完整的CSS /或至少它是如何呈現的。 –

+0

你可以使用FireFox的螢火蟲插件,讓我們把CSS應用到你的元素上。 –