asp.net - 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

CssClass为您的RowStyle和AlternateRowStyle样式设置适当的GridView：

.smallRow {
  height: 15px;
}


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