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" />