asp.net - 样式化 GridView cellpadding OnEditing 模式

Question

我正在使用 Visual Studio 2010、Asp.Net 和 C#

您知道当您看到 GridView 时一切正常，但是当您单击“编辑”时它会自行扩展并越过页面上的 div 行吗？这就是发生在我身上的事情。

我想知道如何在编辑模式下编辑 CellPadding 和 CellSpacing？

谢谢!

Answer 1

更改单元格内边距和间距无助于解决您的问题。

gridview 扩展到 div 之外的原因是当一行处于编辑模式时它会生成冗长的输入控件(文本框、日期时间选择器等)。

我可以想到两种解决方案:

1)改变gridview编辑行输入控件的宽度:

<style type="text/css">
.editRow input
{
    width:60px;
}
</style>

将样式添加到您的 gridview:

<asp:GridView EditRowStyle-CssClass="editRow"...

2) 将您的 gridview 放在一个 div 中并将 div 的 overflow css 属性设置为 auto。这将在您的 gridview 处于编辑模式时生成滚动条。

    <style type="text/css">
        .gridParent
        {
            width: 700px;
            height:300px;
            overflow: auto;
        }
    </style>

<div class="gridParent">
    <!--Your grid view-->
    </div>