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