Hi Yuvika,
Now I see - you are using a IE8 with an IE7 document mode. In this case, please use the following Javascript workaround, which will be included in next versions as well. I have updated your Telerik points for bringing the issue to our attention.
Note that the Javascript code must be parsed by the browser after the embedded RadGrid scripts, which generally means that you should include it in the <body> (no matter whether the script is pasted directly in the page HTML or is registered with an external JS file).
<%@ Page Language="C#" %>
<%@ Import Namespace="System.Data" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<
script
runat
=
"server"
>
protected void RadGrid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
{
DataTable dt = new DataTable();
DataRow dr;
int colsNum = 6;
int rowsNum = 5;
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
>
<
head
id
=
"Head1"
runat
=
"server"
>
<
meta
http-equiv
=
"content-type"
content
=
"text/html;charset=utf-8"
/>
<
title
>RadControls for ASP.NET AJAX</
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
asp:ScriptManager
ID
=
"ScriptManager1"
runat
=
"server"
/>
Columns 2 and 3 are hidden with Display="false"
<
telerik:RadGrid
ID
=
"RadGrid1"
runat
=
"server"
AutoGenerateColumns
=
"false"
Skin
=
"Office2007"
OnNeedDataSource
=
"RadGrid_NeedDataSource"
>
<
MasterTableView
>
<
Columns
>
<
telerik:GridBoundColumn
DataField
=
"Column1"
HeaderText
=
"Col 1"
/>
<
telerik:GridBoundColumn
DataField
=
"Column2"
HeaderText
=
"Col 2"
Display
=
"false"
/>
<
telerik:GridBoundColumn
DataField
=
"Column3"
HeaderText
=
"Col 3"
Display
=
"false"
/>
<
telerik:GridBoundColumn
DataField
=
"Column4"
HeaderText
=
"Col 4"
/>
<
telerik:GridBoundColumn
DataField
=
"Column5"
HeaderText
=
"Col 5"
/>
<
telerik:GridBoundColumn
DataField
=
"Column6"
HeaderText
=
"Col 6"
/>
</
Columns
>
</
MasterTableView
>
</
telerik:RadGrid
>
<
script
type
=
"text/javascript"
>
if (typeof(Telerik) != "undefined" && typeof(Telerik.Web.UI) != "undefined")
{
Telerik.Web.UI.Grid.RemoveHiddenColGroupCols = function(colGroup)
{
try
{
var cols = colGroup.getElementsByTagName("col");
for (var j = 0; j <
cols.length
; j++)
{
if (cols[j].style.display && cols[j].style.display == "none")
{
cols[j].parentNode.removeChild(cols[j]);
j--;
}
}
}
catch (e)
{}
};
}
</script>
</
form
>
</
body
>
</
html
>
Dimo
the Telerik team