-light-shadow.png){kind=logo}
Hello,
I have a RadGrid (v2009.01.0527.20) with Height=”100%” and Width=”100” that is inside a RadSplitter pane and set to automatically resize with the RadSplitter pane resize. This is based on the demo code from:
http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridandsplitterresizing/defaultcs.aspx?product=grid.
The columns are NOT autogenerated, they are GridBoundColumn and a few of my own custom columns that inherits GridBoundColumn and are used for custom filtering.
All this is working fine so far.
My problem is that some of the text column contents are too long to fit in the column and do not wrap but instead bleed over into the next adjacent column. I have tried adding ClientSettings-Resizing-ClipCellContentOnResize="true" but that does not work, the text still bleeds over into the next adjacent column.
How do I get the cell contents to wrap when it is too long to fit in column?
Thanks,
Randall Price
2 Answers, 1 is accepted
Due to cross-browser differences, you can force long words to wrap (break) only in Internet Explorer. For other browsers the only thing you can do is clip the non-fitting content or use wider columns.
Here is a simple demo:
<%@ Page Language="C#" %><%@ Import Namespace="System.Data" %><%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %><scriptrunat="server">protected void RadGrid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e){DataTable dt = new DataTable();DataRow dr;int colsNum = 4;int rowsNum = 6;string colName = "Column";for (int j = 1; j <= colsNum; j++){dt.Columns.Add(String.Format("{0}{1}", colName, j));}for (int i = 1; i <= rowsNum; i++){dr = dt.NewRow();for (int k = 1; k <= colsNum; k++){dr[String.Format("{0}{1}", colName, k)] = String.Format("{0}{1}Row{2}", colName, k, i);}dt.Rows.Add(dr);}(sender as RadGrid).DataSource = dt;}</script><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><metahttp-equiv="content-type"content="text/html;charset=utf-8"/><title>RadControls</title><styletype="text/css">.RadGrid{/*works in IE*/word-break:break-all;}.RadGrid td{/*works in Firefox*/overflow:hidden;}</style></head><body><formid="form1"runat="server"><asp:ScriptManagerID="ScriptManager1"runat="server"/><telerik:RadGridID="RadGrid1"runat="server"Width="300px"OnNeedDataSource="RadGrid_NeedDataSource"><MasterTableViewTableLayout="Fixed"/></telerik:RadGrid></form></body></html>
Kind regards,
Dimo
the Telerik team
Rank 1
Your page width has to be dynamic as per number of columns selected for display. I am incrementing by 1 just to increase few more pixels.
200 represents column width in pixels. My column data do not exceed this size.
GridToExport.ExportSettings.Pdf.PageWidth = (GridToExport.MasterTableView.AutoGeneratedColumns.Count + 1) * 200