Question

我有两个并排的asp.net gridview，其中一个将被动态隐藏。当发生这种情况时，我希望另一个拉伸/自动调整大小以占用空白空间。

<div class="col-md-9"style="border:1px solid black;">
     <asp:GridView ID="GridView1" CssClass="myGridClass" runat="server"  HorizontalAlign="Center" >
     </asp:GridView> 

     <asp:GridView ID="GridView2" CssClass="myGridClass" HorizontalAlign="Center" runat="server">
     </asp:GridView> 
 </div>

Answer 1

有解决此问题的方法。在您的stylesheet中创建一个类似的CSS类，并将其宽度从auto更改为100%。现在，在Gridview2.Visible = false;之后的代码中，添加新行，这将为gridview分配一个新的CSS类。

CSS类文件

.myGridClassStretch {
    display: inline-flex;
    width: 100%;
    background-color: #fff;
    margin: 10px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    border-radius: 4px;
    overflow: Visible;
}

隐藏代码

Gridview2.Visible = false;
Gridview1.CSSClass = "myGridClassStretch";

隐藏一个GridView应该自动调整相邻GridView的大小

1 个答案: