This is a migrated thread and some comments may be shown as answers.

Grid GroupHeaderItemStyle spilling into NestedViewTemplate

5 Answers 130 Views

Grid

This is a migrated thread and some comments may be shown as answers.

5 Answers, 1 is accepted

answered on 16 Nov 2010, 09:47 AM

firebug-over-visualstudio.jpg

Hi Dimo,

I'm afraid it's still not fixed. I installed the latest Telerik and rebuild my solution and the groupbyheader class still spills into the td in the NestedViewTemplate.

Accepted

answered on 16 Nov 2010, 05:11 PM

Hi Kræn,

Here is my test page, which works as expected. Let me know if I am missing something.

<%@ Page Language="C#" %>

<%@ Import Namespace="System.Data" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<script runat="server">

protected void RadGrid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

DataTable dt = new DataTable();

DataRow dr;

int colsNum = 4;

int rowsNum = 3;

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"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<title>RadControls</title>

<style type="text/css">

.groupbyheader,

.groupbyheader *

{

background:none yellow !important;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server" />

<telerik:RadGrid ID="rgTrend" runat="server" Width="800px"

OnNeedDataSource="RadGrid_NeedDataSource" GroupingEnabled="true" ShowGroupPanel="true">

<MasterTableView HierarchyDefaultExpanded="true">

<GroupHeaderItemStyle CssClass="groupbyheader" />

<NestedViewTemplate>

NestedViewTemplate

</NestedViewTemplate>

<GroupByExpressions>

<telerik:GridGroupByExpression>

<GroupByFields>

<telerik:GridGroupByField FieldName="Column1" />

</GroupByFields>

<SelectFields>

<telerik:GridGroupByField FieldName="Column1" />

</SelectFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

</MasterTableView>

</telerik:RadGrid>

</form>

</body>

</html>

Kind regards,
Dimo
the Telerik team

Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.