New to Telerik UI for ASP.NET AJAXStart a free 30-day trial

No Wrap for Grid Cell Content

This appearance customization is not supported out-of-the-box in the current version of RadGrid. However, you can use a CSS rule which apply white-space: nowrap style attribute to all cells of the grid. Thus the column(s) in your grid instance have to stretch to fit the width of the longest text inside the column(s) cells.

For declarative columns the code be as below:

ASP.NET

<style>
   .RadGrid .rgRow td,
   .RadGrid .rgAltRow td 
   {
      white-space: nowrap;
   }
</style> 

<telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" runat="server">
  <MasterTableView AutoGenerateColumns="false">
    <telerik:GridBoundColumn UniqueName="ContactName" HeaderText="Contact name" DataField="ContactName" />
    <telerik:GridBoundColumn UniqueName="ContactTitle" HeaderText="Contact title" DataField="ContactTitle" />
    <telerik:GridBoundColumn UniqueName="CompanyName" HeaderText="Company name" DataField="CompanyName" />
    <telerik:GridBoundColumn UniqueName="Country" HeaderText="Country" DataField="Country" />
    <telerik:GridBoundColumn UniqueName="City" HeaderText="City" DataField="City" />
  </MasterTableView>
</telerik:RadGrid>

For auto-generated column subscribe to the ColumnCreated event and set the DataFormatString in the corresponding handler:

C#
protected void RadGrid1_ColumnCreated(object sender, GridColumnCreatedEventArgs e)
{
    //add more column types to the conditional check if needed
    if (e.Column is GridBoundColumn)
    {
        (e.Column as GridBoundColumn).DataFormatString = "<span style='white-space: nowrap;'>{0}</span>"; 
    }
}

In the code-behind (just data-binding):

C#
private void RadGrid1_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e)
{
    OleDbConnection MyOleDbConnection = new OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0; Data Source=" + Server.MapPath("~/Grid/Data/Access/Nwind.mdb"));
    OleDbDataAdapter MyOleDbDataAdapter = new OleDbDataAdapter();
    MyOleDbDataAdapter.SelectCommand = new OleDbCommand("SELECT TOP 10 CompanyName, ContactName, ContactTitle, Country, City FROM Customers", MyOleDbConnection);
    DataTable myDataTable = new DataTable();
    MyOleDbConnection.Open();
    try
    {
        MyOleDbDataAdapter.Fill(myDataTable);
    }
    finally
    {
        MyOleDbConnection.Close();
    }
    RadGrid1.DataSource = myDataTable.DefaultView;
}

This functionality is not supported with static headers (UseStaticHeaders = true) and column resizing. With static headers the cell content will be clipped if you resize a column to make its width dimension smaller than the longest cell data.

Not finding the help you need?
Contact Support