如何调整页脚模板水平对齐？答案

【问题标题】：How to adjust footer template horizontal align?如何调整页脚模板水平对齐？
【发布时间】：2017-09-05 16:13:04
【问题描述】：

我想将页脚模板水平对齐调整为在网格中向左对齐，但是它不起作用任何人都可以解释一下。这是我的代码

<asp:GridView ID="Grd_View" ShowFooter="True" runat="server" OnRowEditing="Grd_View_RowEditing" AutoGenerateColumns="False"
            DataKeyNames="CustomerCode" CellPadding="4" OnRowCommand="Grd_View_RowCommand" GridLines="None" ShowHeader="True" 
            AllowPaging="True" AllowSorting="True" CssClass="style2"  ForeColor="#333333" OnRowDataBound="Grd_View_RowDataBound" 
            OnRowDeleting="Grd_View_RowDeleting" >
            <FooterStyle BackColor="#555555" ForeColor="White" HorizontalAlign="Center" Font-Bold="True" />
            <Columns>
                <asp:BoundField DataField="CustomerCode" HeaderText="Customer Code" InsertVisible="False"
                    ReadOnly="True" SortExpression="CustomerCode" ItemStyle-HorizontalAlign="Center" />

                <asp:BoundField DataField="CustomerName" HeaderText="Customer Name" SortExpression="CustomerName" ItemStyle-HorizontalAlign="Center"  />

                <asp:BoundField DataField="Address" HeaderText="Address" SortExpression="Address" ItemStyle-HorizontalAlign="Center" />
                <asp:BoundField DataField="TellNo" HeaderText="Tell No" SortExpression="TellNo" ItemStyle-HorizontalAlign="Center" />
                <asp:BoundField DataField="FaxNo" HeaderText="Fax No" SortExpression="FaxNo" ItemStyle-HorizontalAlign="Center" />
                <asp:BoundField DataField="Email" HeaderText="Email" SortExpression="Email" ItemStyle-HorizontalAlign="Center" />
                <asp:BoundField DataField="PIC"   HeaderText="Person in Contact" SortExpression="PIC" ItemStyle-HorizontalAlign="Center" />
                <asp:TemplateField>
                    <ItemTemplate>
                        <asp:LinkButton ID="btnEdit" runat="server" CommandArgument='<%#Eval("CustomerCode")%>' CommandName="Edit" Text="Edit">
                        </asp:LinkButton>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField>
                <ItemTemplate>
                   <asp:LinkButton ID="btnDelete" runat="server"  CommandArgument='<%#Eval("CustomerCode")%>' CommandName="Delete" Text="Delete">
                        </asp:LinkButton>
                    </ItemTemplate>
                     <FooterTemplate> <asp:LinkButton ForeColor="white" ID="btnNew" runat="server" CommandArgument='<%#Eval("CustomerCode")%>' CommandName="New" Text="New">
                        </asp:LinkButton>
               </FooterTemplate>
                </asp:TemplateField>

            </Columns>

             <RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
                <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
                <PagerStyle BackColor="#777777" ForeColor="White" HorizontalAlign="Center" />
                <HeaderStyle BackColor="#555555" Font-Bold="True" ForeColor="White" />
                <EditRowStyle BackColor="#999999" />
                <AlternatingRowStyle BackColor="White" ForeColor="#284775" />


        </asp:GridView>

【问题讨论】：

你试过 FooterStyle-HorizontalAlign="Left" 吗？
它不起作用该选项在页脚模板中没有，我在模板字段中尝试过它也不起作用...
还有两件事可以尝试，可以尝试设置 style="text-align:left;"在页脚的链接按钮中。或者您可以在 footerTemplate 中放置一个表格元素并设置 align=left，就像在这篇文章中一样：stackoverflow.com/questions/4439211/…。如果您可以发布您想要实现的目标的图片，那将更有帮助。
@Black Baron - 我在我的问题中插入了完整的代码..

标签： asp.net gridview

【解决方案1】：

尝试使用以下内容：

<FooterTemplate> 
    <asp:LinkButton ForeColor="white" ID="btnNew" runat="server" CommandName="New" Text="New">
    </asp:LinkButton>
</FooterTemplate>
<FooterStyle HorizontalAlign="Left" />

【讨论】：

【解决方案2】：

您的页脚模板始终正确的原因是您将其创建为 GridView 中的最后一列以及删除列。

要解决这个问题，您需要在第一列创建页脚模板，否则我建议将页脚模板放在第一列中，编辑模板字段在第一列，删除模板字段在第二列。

【讨论】：