如何修复GridView中每列的宽度?

时间:2014-01-08 08:51:15

标签: c# asp.net gridview

如何在GridView中修复每列的宽度。我的GridView与单元格中的数据一起保持扩展。当它到达单元格的右侧时,我需要它跳到新行。这是我在.aspx文件中的代码:

<asp:GridView ID="GridView1" runat="server" 
AutoGenerateColumns="False" DataKeyNames="Emp_ID" DataSourceID="LinqDataSource1"
AllowPaging="True"  AllowSorting="True" Width="900px" HorizontalAlign="Center" >                        
           <Columns>
               <asp:BoundField DataField="Emp_ID" HeaderText="ID" 
        InsertVisible="False" ReadOnly="True" SortExpression="Emp_ID"/>
               <asp:BoundField DataField="Emp_Username" 
        HeaderText="Username" SortExpression="Emp_Username" />
               <asp:BoundField DataField="Emp_Password" 
        HeaderText="Password" SortExpression="Emp_Password" />
               <asp:BoundField DataField="Emp_Name" 
        HeaderText="ชื่อพนักงาน" SortExpression="Emp_Name" />
               <asp:BoundField DataField="Emp_Address" 
        HeaderText="ที่อยู่" SortExpression="Emp_Address" />
               <asp:BoundField DataField="Emp_Tel" 
        HeaderText="เบอร์โทรศัพท์" SortExpression="Emp_Tel" />
               <asp:TemplateField HeaderText="รูปพนักงาน" SortExpression="Emp_Picture">
                    <EditItemTemplate>
                         <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("Emp_Picture") %>'></asp:TextBox>
                    </EditItemTemplate>
                    <ItemTemplate>
                        <asp:Image ID="Image2" runat="server" Height="70px" 
                                        ImageUrl='<%# Eval("Emp_Picture", "{0}") %>' Width="50px" />
                    </ItemTemplate>
              </asp:TemplateField>
              <asp:BoundField DataField="Status" HeaderText="สถานะ" 
        SortExpression="Status" />
              <asp:HyperLinkField DataNavigateUrlFields="Emp_ID" 
                                DataNavigateUrlFormatString="AdminUpdate.aspx?Emp_ID={0}" Text="Edit" />
              <asp:TemplateField>
                   <HeaderTemplate>
                       <asp:CheckBox ID="ChkSelectAll" runat="server" 
                AutoPostBack="True" oncheckedchanged="ChkSelectAll_CheckedChanged"  />
                   </HeaderTemplate>
                   <ItemTemplate>
                       <asp:CheckBox ID="Chk" runat="server" AutoPostBack="True" oncheckedchanged="Chk_CheckedChanged" />
                   </ItemTemplate>
               </asp:TemplateField>
           </Columns>
</asp:GridView>

这是我的设计视图:

Imgur

正如您所看到的,前4列在第5列之前没有问题。它保持扩展,因为所有GridView都扩展到页面之外

5 个答案:

答案 0 :(得分:3)

设置每列的itemstyle宽度。例如。

<asp:BoundField DataField="Emp_Address" 
    HeaderText="ที่อยู่" SortExpression="Emp_Address">
   <ItemStyle Width="200px" HorizontalAlign="Left" />
</asp:BoundField>

答案 1 :(得分:1)

根据单词完成包装,这样任何单个单词都不会被分成两行。

如果您的数据长字符串没有空格,那么对您不起作用。

问题是你不能自己插入空格,因为这可能会改变数据的含义。

在网格we show only that long string which can be accommodated in column and then add "..." (only if string is more than what is showing) and then add a tooltip to show the full string.中显示 这样网格格式就不会受到影响,如果用户希望他可以悬停鼠标并看到整个字符串。

希望这会有所帮助

答案 2 :(得分:0)

尝试将GridView的属性RowStyle-Wrap设置为True

答案 3 :(得分:0)

您可以使用ItemStyle-Width来修复列宽,但是如果输入的字符不能包含在给定的宽度中(如图所示),列将根据输入进行扩展,以便您可以使用gridview的RowStyle-Wrap属性

<asp:GridView ID="grdVwtrial" runat="server" RowStyle-Wrap="true">

答案 4 :(得分:-1)

RowStyle-Wrap==true应该可以正常工作。有关更多说明,请参阅: http://forums.asp.net/t/1263769.aspx