Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win


.net datagrid autoGenerateColumns=true words wrap, how to prevent?

Posted on 2004-03-31
Medium Priority
Last Modified: 2012-08-13


I am trying to prevent the words from wrapping in the DataGrid cells when the datagrid is autogenerating the columns.  I have used "ItemStyle-Wrap=False AlternatingItemStyle-Wrap=False" of the datagrid tag and "Wrap=False" of the ItemStyle tag.  Nothing works!  

Any help would be great!
Question by:ee_id
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
LVL 10

Accepted Solution

Kavar earned 2000 total points
ID: 10728237
its a bug...

To work around this problem, make sure that every column of the DataGrid has the ItemStyle Wrap property explicitly set to False as follows:
<ItemStyle Wrap="False"></ItemStyle>
You must create the DataGrid Web control such that the data-bound columns of the DataGrid are added individually. For each column, click to clear the Wrap text within cell check box for its header, its footer, and its item objects as appropriate. To do this, follow these steps:
Follow these steps to create a new ASP.NET Web application:
Start Microsoft Visual Studio .NET.
On the File menu, point to New, and then click Project.
In the New Project dialog box, click Visual Basic Projects under Project Types, and then click ASP.NET Web Application under Templates.
In the Location box, replace the WebApplication# default name with DataGridApp. If you are using the local server, you can leave the server name as http://localhost. The resulting Location box appears as follows:

In Solution Explorer, right-click WebForm1.aspx, click Rename, and then type WrapTest.aspx.
In Design view, drag a DataGrid Web control from the toolbox to the Web form.
In Solution Explorer, right-click the WrapTest.aspx file, and then click View Code.
Add the following code in the WrapTest.aspx.vb file just before "namespace DataGridApp":
Imports System.Data.SqlClient
Add the following code to the Page_Load event handler:
 Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
        'Add user code to initialize the page here.
        If Not IsPostBack Then
            Dim conn As New SqlConnection("server=localhost;User ID=sa;Password=password;Initial Catalog=northwind;")
            Dim da As New SqlDataAdapter("select * from customers", conn)
            Dim ds As New DataSet()
            da.Fill(ds, "customers")
            DataGrid1.DataSource = ds
            ds = Nothing
            conn = Nothing
        End If
    End Sub
NOTE: You must modify the connection string as appropriate for your system database settings.
In Solution Explorer, right-click the WrapTest.aspx file, and then click View Designer.
Right-click the DataGrid control, and then click Property Builder.
Click Columns in the left pane, and then click to clear the Create columns automatically at run time check box.
Follow these steps to add each of the columns explicitly:
In the Available Columns list, click Bound Column, and then transfer this column to the Selected Columns list in the right pane.
Type Customer ID in the Header text box, and then type CustomerID in the Data Field box.
Click Format in the left pane. Under Objects, expand Columns and Column[0], and then select the objects (header, items, footer) that you want to disable text wrapping for. Click to clear the Wrap text within cell check box, and then click Apply.
Repeat steps 10a through 10c to create other data-bound columns in succession. In the Data Field box, type CompanyName, ContactName, ContactTitle, Address, City, and so on. Make sure that you click to clear the Wrap text within cell check box for each column.
Click OK in the DataGrid1 Properties dialog box.

NOTE: The column names under the Format functionality appear as Column[1], Column[2], and so on when you add more columns. The final HTML code for the DataGrid1 control appears as follows:
<asp:datagrid id="DataGrid1" runat="server" AutoGenerateColumns="False">
      <asp:BoundColumn DataField="CustomerID" HeaderText="Customer ID">
          <ItemStyle Wrap="False"></ItemStyle>
      <asp:BoundColumn DataField="CompanyName" HeaderText="Company Name">
          <ItemStyle Wrap="False"></ItemStyle>
      <asp:BoundColumn DataField="ContactTitle" HeaderText="Contact Title">
          <ItemStyle Wrap="False"></ItemStyle>
      <asp:BoundColumn DataField="Address" HeaderText="Address">
          <ItemStyle Wrap="False"></ItemStyle>
      <asp:BoundColumn DataField="City" HeaderText="City">
          <ItemStyle Wrap="False"></ItemStyle>
Save all files.
Build the solution.
View the WrapTest.aspx page in the browser. Notice that the text in the columns of the DataGrid does not wrap.

LVL 10

Expert Comment

ID: 10728243
The wrap functionality occurs for each cell and not for each row of the DataGrid. Therefore, if you set the wrap functionality for all of the DataGrid, text wrapping functionality is not disabled for every row or column

Author Comment

ID: 10729137

Thanks very much for the work around, nice to know it is a bug!

Expert Comment

ID: 11852674
For posterity:

If you are dynamincally building your datagrid (number of columns and their names might be different), this is how you'd do the workaround:

    foreach(DataGridColumn dgc in DataGrid1.Columns)
        dgc.ItemStyle.Wrap = false;

Note that you would want to add this code after the DataBind().



Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In this post we will learn how to make Android Gesture Tutorial and give different functionality whenever a user Touch or Scroll android screen.
This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
Viewers will learn how to properly install Eclipse with the necessary JDK, and will take a look at an introductory Java program. Download Eclipse installation zip file: Extract files from zip file: Download and install JDK 8: Open Eclipse and …
In this fourth video of the Xpdf series, we discuss and demonstrate the PDFinfo utility, which retrieves the contents of a PDF's Info Dictionary, as well as some other information, including the page count. We show how to isolate the page count in a…

636 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question