如何在ASP.NET中更改gridview的宽度大小 [英] How change width size of gridview in ASP.NET

问题描述

如何更改gridview中列的大小？



我尝试过：

How to change the size of column in gridview?

What I have tried:

<asp:GridView ID="gvStudent" runat="server" AutoGenerateColumns="False" ShowFooter="True" DataKeyNames="StudentID"
            ShowHeaderWhenEmpty="True"
            OnRowCommand="gvStudent_RowCommand" OnRowEditing="gvStudent_RowEditing" OnRowCancelingEdit="gvStudent_RowCancelingEdit"
            OnRowUpdating="gvStudent_RowUpdating" OnRowDeleting="gvStudent_RowDeleting"
        BackColor="White" BorderColor="#3366CC" BorderStyle="None" BorderWidth="1px" CellPadding="4">
        <%-- Theme Properties --%>
        <FooterStyle BackColor="#99CCCC" ForeColor="#003399" />
        <HeaderStyle BackColor="#003399" Font-Bold="True" ForeColor="#CCCCFF" />
        <PagerStyle BackColor="#99CCCC" ForeColor="#003399" HorizontalAlign="Left" />
        <RowStyle ForeColor="#003399" BackColor="White" />
        <SelectedRowStyle BackColor="#009999" Font-Bold="True" ForeColor="#CCFF99" />
        <SortedAscendingCellStyle BackColor="#EDF6F6" />
        <SortedAscendingHeaderStyle BackColor="#0D4AC4" />
        <SortedDescendingCellStyle BackColor="#D6DFDF" />
        <SortedDescendingHeaderStyle BackColor="#002876" />
        <Columns>
            <asp:TemplateField HeaderText="Name">
                <ItemTemplate>
                    <asp:Label Text='<%# Eval("Name")%>' runat="server" />
                </ItemTemplate>
                <EditItemTemplate>
                    <asp:TextBox ID="txtName" Text='<%# Eval("Name")%>' runat="server" />
                </EditItemTemplate>
                <FooterTemplate>
                      <asp:TextBox ID="txtNameFooter" runat="server" />
                </FooterTemplate>
            </asp:TemplateField>

            <asp:TemplateField HeaderText="Photo">
                <ItemTemplate>
                    <asp:Label Text='<%# Eval("Photo")%>' runat="server" />
                </ItemTemplate>
                <EditItemTemplate>
                    <asp:TextBox ID="txtPhoto" Text='<%# Eval("Photo")%>' runat="server" />
                </EditItemTemplate>
                <FooterTemplate>
                      <asp:TextBox ID="txtPhotoFooter" runat="server" />
                </FooterTemplate>
            </asp:TemplateField>

            <asp:TemplateField HeaderText="Course">
                <ItemTemplate>
                    <asp:Label Text='<%# Eval("Course") %>' runat="server" />
                </ItemTemplate>
                <EditItemTemplate>
                    <asp:TextBox ID="txtCourse" Text='<%# Eval("Course") %>' runat="server" />
                </EditItemTemplate>
                <FooterTemplate>
                      <asp:TextBox ID="txtCourseFooter" runat="server" />
                </FooterTemplate>
            </asp:TemplateField>

            <asp:TemplateField HeaderText="EmailAddress">
                <ItemTemplate>
                    <asp:Label Text='<%# Eval("EmailAddr") %>' runat="server" />
                </ItemTemplate>
                <EditItemTemplate>
                    <asp:TextBox ID="txtEmail" Text='<%# Eval("EmailAddr") %>' runat="server" />
                </EditItemTemplate>
                <FooterTemplate>
                      <asp:TextBox ID="txtEmailFooter" runat="server" />
                </FooterTemplate>
            </asp:TemplateField>

            <asp:TemplateField HeaderText="Password">
                <ItemTemplate>
                    <asp:Label Text='<%# Eval("Password") %>' runat="server" />
                </ItemTemplate>
                <EditItemTemplate>
                    <asp:TextBox ID="txtPassword" Text='<%# Eval("Password") %>' runat="server" />
                </EditItemTemplate>
                <FooterTemplate>
                      <asp:TextBox ID="txtPasswordFooter" runat="server" />
                </FooterTemplate>
            </asp:TemplateField>

            <asp:TemplateField HeaderText="Status">
                <ItemTemplate>
                    <asp:Label Text='<%# Eval("Status") %>' runat="server" />
                </ItemTemplate>
                <EditItemTemplate>
                    <asp:TextBox ID="txtStatus" Text='<%# Eval("Status") %>' runat="server" />
                </EditItemTemplate>
                <FooterTemplate>
                      <asp:TextBox ID="txtStatusFooter" runat="server" />
                </FooterTemplate>
            </asp:TemplateField>

            <asp:TemplateField HeaderText="MentorID" > 
                <ItemTemplate>
                    <asp:Label Text='<%# Eval("MentorID") %>' runat="server" />
                </ItemTemplate>
                <EditItemTemplate>
                    <asp:TextBox ID="txtMentorID" Text='<%# Eval("MentorID") %>' runat="server"/>
                </EditItemTemplate>
                <FooterTemplate>
                      <asp:TextBox ID="txtMentorIDFooter" runat="server" />
                </FooterTemplate>
            </asp:TemplateField>

            <asp:TemplateField>
                <ItemTemplate>
                    <asp:ImageButton ImageUrl="~/Admin/AdminImage/editicon.png" runat="server" CommandName="Edit" ToolTip="Edit" Width="20px" Height="20px" />
                    <asp:ImageButton ImageUrl="~/Admin/AdminImage/deleteicon.png" runat="server" CommandName="Delete" ToolTip="Delete" Width="20px" Height="20px" />
                </ItemTemplate>
                <EditItemTemplate>
                    <asp:ImageButton ImageUrl="~/Admin/AdminImage/saveicon.png" runat="server" CommandName="Save" ToolTip="Save" Width="20px" Height="20px" />
                    <asp:ImageButton ImageUrl="~/Admin/AdminImage/cancelicon.png" runat="server" CommandName="Cancel" ToolTip="Cancel" Width="20px" Height="20px" />
                </EditItemTemplate>
                <FooterTemplate>
                    <asp:ImageButton ImageUrl="~/Admin/AdminImage/addusericon.png" runat="server" CommandName="AddNew" ToolTip="Add New" Width="20px" Height="20px" />
                </FooterTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>
        <br />
        <asp:Label ID="lblSuccessMessage" Text="" runat="server" ForeColor="Orange" />
        <br />
        <asp:Label ID="lblErrorMessage" Text="" runat="server" ForeColor="BlueViolet" />
    </div>
    
</asp:Content>

推荐答案

如何修复gridview列宽？ | ASP.NET论坛 [ ^ ]

如果您不是固定宽度，请尝试设置 ControlStyle-Width 和 HeaderStyle-Width 。



如果要包装内容在ItemTemplate专栏中的TextBox，你可以尝试这个黑客：



ASPX：





If you wan't a fixed width then try setting the ControlStyle-Width and HeaderStyle-Width in your ItemTemplate column.

If you want to wrap the content of a TextBox within ItemTemplate Column, you can try this hack:

ASPX:

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
   <Columns>
            <asp:TemplateField>
                    <ItemTemplate>
                        <asp:TextBox ID="TextBox1" runat="server" TextMode="MultiLine" Text='<%# Bind("ColumnName") %>'></asp:TextBox>
                    </ItemTemplate>
            </asp:TemplateField>
   </Columns>
  </asp:GridView>

代码背后：

CODE BEHIND:

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            ((TextBox)e.Row.FindControl("TextBox1")).Attributes.Add("style", "word-break:break-all;word-wrap:break-word");
        }
}

protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e)
{
       
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            ((TextBox)e.Row.FindControl("TextBox1")).Width = new Unit(50);
        }
    
}

这篇关于如何在ASP.NET中更改gridview的宽度大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！