我正在使用 Visual Studio 2010、Asp.Net 和 C#
你知道当你看到你的 GridView 一切都很好,但是当你点击 EDIT 时它会自行扩展并跨越页面上 div 的线条?这就是发生在我身上的事情。
我想知道如何在编辑模式下编辑 CellPadding 和 CellSpacing ?
谢谢 !
更改单元格填充和间距无助于解决您的问题。
gridview 在 div 之外展开的原因是,当一行处于编辑模式时,它会生成冗长的输入控件(文本框、日期时间选择器等)。
1)改变gridview编辑行输入控件的宽度:
<style type="text/css">
.editRow input
{
width:60px;
}
</style>
将样式添加到您的网格视图:
<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>