Gridview行获得与父表行高度相同的行高

Question

我有一个3列15行的表。我已经给表格的行添加了30px的行高。第三列跨越所有的行，里面是一个div，里面是我的asp.net gridview。在浏览器上渲染时，gridview的行也被设置为30px。什么是防止这种情况的最好方法，以使gridview行具有默认的行高？这里的CSS和HTML：

.tr-info {line-height:30px}  

---

<table> 
    <tr class="tr-info"> 
    <td> 
    </td> 
    <td> 
    </td> 
    <td rowspan="15"> 
     <div> 
     <asp:GridView runat="server" ID="gvPersonalInfo"></asp> 
     </div> 
    </td> 
    </tr> 
    <tr class="tr-info"> 
    <td> 
    </td> 
    <td> 
    </td> 
    </tr> 
    <!-- And so on with 13 more rows --> 
<table> 

Answer 1

设置为RowStyle和AlternateRowStyle风格你GridView适当CssClass：

.smallRow { 
    height: 15px; 
} 


<rowstyle CssClass="smallRow" /> 
<alternatingrowstyle CssClass="smallRow" />