2013-08-27 37 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应用到你的元素上。 –