asp.net - 当 gridview 放置在 html 表中时，asp.net gridview cellpadding 不起作用

Question

由于一些演示问题，我在普通的 html 表中放置了一个 gridview。但是随后 cellpadding 属性不起作用。一旦 gridview 被带到表格之外，cellpadding 就会正常工作。所以我猜这与浏览器中gridview的最终渲染有关。

任何人都知道这是否可能？有没有在表格中包含网格视图的解决方法？

Answer 1

GridView（在 HTML 中也是一个表格）可能从父级继承 cellpadding。

在此代码段中，它继承了 3 的填充，而 GridView CellPadding 为 0。

<style>
    .parentTable td {
        padding: 3px;
    }
</style>

<table class="parentTable">
    <tr>
        <td>
            <asp:GridView ID="GridView1" runat="server" CellPadding="0"></asp:GridView>
        </td>
    </tr>
</table>

因此，如果您要添加这段 CSS，则 GridView 应该在此示例中正确显示。

.parentTable table td {
    padding: 0px;
}

当然，有更多的可能性可以解决这个问题，具体取决于您的模板、样式表、引导程序等。