如何放置Gridview的div或面板中心？ [英] How can i place Gridview center of div or panel.?

问题描述

你好！
谁能告诉我如何在 Div 或面板的中央放置任何 Gridview 吗？我已应用以下CSS，但无法正常工作：

Hello! Can anyone tell me how can I place any Gridview in center in Div or panel? I have applied following CSS but its does not working:

<asp:Panel ID="pnlGrid" CssClass="panel" runat="server">
 <div style="text-align:center">
   <asp:GridView ID="grdReqApproval" runat="server"   AutoGenerateColumns="false"     CssClass="SimpleGrid">
      <Columns>
  <asp:BoundField DataField="Approved By" HeaderText="Approved By" />
  <asp:BoundField DataField="User Name" HeaderText="User Name" />
  <asp:BoundField DataField="Approval Time" HeaderText="Approvel Time" />
</Columns>
</asp:GridView>
</div>
    </asp:Panel>
.panel
{
width: 330px;
padding: 10px;
min-height: 20px;
border: 1px solid #dcdcdc;
margin-left:auto;
margin-right:auto;
}

推荐答案

Gridview的Horizo​​ntalAlign 属性可以解决您的问题

HorizontalAlign property of Gridview can solve your problem

    <asp:Panel ID="pID" runat="server">
     <div>
       <asp:GridView ID="gvID" runat="server" AutoGenerateColumns="false"
 HorizontalAlign="Center">
          <Columns>
             ...
             ...
          </Columns>
    </asp:GridView>
    </div>

这篇关于如何放置Gridview的div或面板中心？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！