To break the text that exceeds the width of ASP.net Datagrid web control or tables row width, Use CSS level 3 word-break property.

Example for word-break property:

td { word-break: break-all }

Use the above code in your asp.net and see the magic.

Note: This will works only in Internet Explorer 6 or above. If You find any code snippets that works with other browsers, please post it.

hi

by inserting a space between string dynamically we can stop breaking layout of those text in a grid. use this javascrip to insert space.



function InsertSpaceInString(textWithoutSpace,size,controlN ame)
{
var controlToBind = document.getElementById(controlName);
var textWithSpace = "";
var temp = textWithoutSpace.split(" ");
//alert(textWithoutSpace);
for (var i = 0; i < temp.length; i++)
{
var spliter = "";
var remaining = "";
if (temp[i].length > size)
{
var loopCount = temp[i].length / size;
remaining = temp[i];
for (var j = 1; j <= loopCount; j++)
{
var a = remaining.substring(0, size);
remaining = remaining.substring((size));
spliter = spliter + a + " ";
}
temp[i] = spliter + remaining;
}
textWithSpace = " " + textWithSpace + temp[i] + " ";
}
if (textWithSpace.length > 0)
{
var temperorary = textWithSpace.trim();
textWithSpace = temperorary;
}
controlToBind.innerHTML = textWithSpace;
}

__________________
.....................................
''''''Rajesh''''''
Ants. . . . . . Like me