Question

我正在使用Visual Studio 2010，Asp.Net和C＃

你知道当你看到你的GridView一切都很好但是当你点击EDIT它会展开自己并且它跨越页面上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>

设置GridView cellpadding OnEditing模式的样式

1 个答案:

我可以想到两个解决方案：