如何在Web表单的单个更新面板中添加两个网格视图

Question

我在设计网页时使用了更新面板。如何在单个更新面板中并排添加两个网格视图。我正在尝试添加它，但它在原始网格下添加了另一个。

Answer 1

您可以将它们分成两个div。 将“display”设置为“inline-block”并根据需要调整宽度（每个可能为50％）

<YOUR PARENT/UPDATE PANEL/ETC>
     <div>
          <div style="width: 50%; display: inline-block;">
               <asp:GridView runat="server" id="grv1" AutoGenerateColumns="true">
               </asp:GridView>
          </div>
          <div style="width: 50%; display: inline-block;">
               <asp:GridView runat="server" id="grv2" AutoGenerateColumns="true">
               </asp:GridView>
          </div>
     </div>
</YOUR PARENT/UPDATE PANEL/ETC>