AutoResize column needs to remove whiteSpace client side

[Jonathan]

Hi

I have a radgrid declared on my page:

<radG:RadGrid	ID="grd" 
					Skin="orange" 
					Style="padding-left: 0px" 
					runat="server" 
					EnableAJAXLoadingTemplate="false" 
					AllowCustomPaging="true" 
					enableasyncrequests="false" 
					AllowPaging="false" 
					PageSize="10"
					AllowSorting="true" 
					AutoGenerateColumns="false" 
					showheaderswhennorecords="true" 
					AllowMultiRowSelection="true" 
					CssClass="GenericDataGrid" 
					applystylesonclient="false"
					OnNeedDataSource="cRadGrid1_NeedDataSource" 
					OnItemDataBound="cRadGrid1_ItemDataBound" 
					OnDataBinding="cRadGrid1_DataBinding"
					OnDataBound="cRadGrid1_DataBound"
					OnSortCommand="cRadGrid1_SortCommand"
					>

Within the grid control we also have a button that auto resizes the columns. What we are trying to achieve is set 1 of these particular columns to a fixed width. We have achieved this however, we cant remove the white-space property from the cell so when the content goes beyond our fixed width the text is automatically carried over into the next line of the cell i.e. a line break.

below code for creating a default column server side:

// create column
					if (!ColumnExists(column, key))
					{
						grd.MasterTableView.Columns.Add(boundColumn);
						boundColumn.DataField = GetDataField(column);
						boundColumn.HeaderText = GetHeaderText(column);
						boundColumn.UniqueName = key;
						boundColumn.SortExpression = GetDataField(column);
						boundColumn.DataFormatString = @"<div id=a title='{0}'>{0}</div>";
 
 
                        if (column == ColumnListBaseEnum.DescriptionOrTitle.ToString())
                        {
                            col.HeaderStyle.Width = Unit.Pixel(438);
                            boundColumn.Resizable = true;
                            col.HeaderStyle.Wrap = false;
                            col.ItemStyle.Wrap = false;
                        }
					}

We have tried to access the column through script like so:

var gridCellStyle = gridRow.cells[i].children[0].getAttribute('currentStyle');
 
                         gridCellStyle.whiteSpace = '';

This returns the attached screenshot error.

Any suggestions would be greatly appreciated.

Regards,
Jonathan

[Tsvetina]

Hi Jonathan,

I am not sure exactly how you are resizing your columns but have you tried using the resize to fit functionality of RadGrid. If not, try it and let us know if the issue that you are encountering persists there, too:
Resizing Columns (last section)
resizeToFit()

Greetings,
Tsvetina
the Telerik team

[Mahesh]

Hi  Tsvetina,

I am facing problem that.....
On resizing of one column    (of Telerik mvc grid )  other columns are also resizing  ....How to avoid this.... or else pls tell me how to get width of the column  in the client events of grid or in javascript........
Pls inform me....I am waiting for your reply 

[Shinu]

Hi Mahesh,

I suppose you need the column width on Column resizing.

ASPX:

<ClientSettings>
    <ClientEvents OnColumnResizing="OnColumnResizing" />
    <Resizing AllowColumnResize="true"   />
</ClientSettings>

Javascript:

<script type="text/javascript">
    function OnColumnResizing(sender, args)
    {
        var width = args.get_gridColumn()._columnResizer._currentWidth;
    }
</script>

Thanks,
Shinu.

[Mahesh]

Hi Shinu,

Thanks for your response.
But I want width of the all columns with name so that I can adjust my content of the toolbar.....and I am using Razor Engine....
Pls reply I fu have any kind of solution...

Thanks for your reply once again...


Regards,
Mahesh