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

Question

由于一些演示问题，我将 gridview 放在普通的 html-table 中。但是 cellpadding 属性不起作用。一旦将 gridview 移到 table 之外，cellpadding 就会正常工作。所以我猜想这与gridview在浏览器中的最终渲染有关。

有人知道这是否可能吗？在 table 中包含 gridview 是否有任何解决方法？

Answer 1

GridView（在 HTML 中也是一个 table）可能从父级继承了 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;
}

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

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

asp.net gridview cellpadding doesn't work when the gridview is placed within a html-table

asp.net

gridview

cellpadding