I am using Manual Load on demand to bind the Data to WebHierarchical Grid.
The grid consists of 7 columns.
It consists of more than one level.When I expand the parent grid i will bind the child grid.
I want the Same CSS to be applied for all the columns even I expand the parent grid.
Actually when I expand the parent grid,the columns are distorted .
I want the fixed header for all the levels in Webhierarchical grid for more than one level in manual load on demand.
Is it is possible?
Thanks
Charan
Hi Charan,
Thank you for posting in our community.
You should be able to style child and parent columns with the same classes. In order to be more specific I would need to know which classes you want to style. You can find a very detailed guide for WebDataGrid styling which also applies for the WHDG at:
http://blogs.infragistics.com/blogs/engineering/archive/2010/08/25/webdatagrid-css-styling-guide.aspx
Regarding your question about fixed headers: when you are scrolling the whole grid only the root bands headers will be fixed. However, you can set the width of you child container. If there is an overflow due to the number of children, a scroller will be shown in the child container and its headers will be fixed.
For instance:
protected void WebHierarchicalDataGrid1_RowIslandsPopulating(object sender, Infragistics.Web.UI.GridControls.ContainerRowCancelEventArgs e) { e.Cancel = true; ContainerGrid grid = new ContainerGrid(); e.Row.RowIslands.Add(grid); grid.DataSourceID = SqlDataSource1.ID; grid.DataBind(); grid.Height = 200; }
Here is a pic illustrating such a configuration.
Please let me know if you need further assistance.
Best Regards,Petar IvanovDeveloper Support EngineerInfragistics, Inc.http://www.infragistics.com/support
Actually When I expand the Parent grid,the child grid columns are moving to right,I want all the parent and child columns to be fixed.
So what is the css I have to apply so that I can show the parent grid columns,child grid columns vertically without moving to right.
Please find the sample image,I don't want the child grid columns to be moved right.
I am using Manual load on demand to bind the WebHierarchical grid. I am binding the columns emp_Id,supervisor_id to both the parent and child grid.I am showing the single header Emp_id,Supervisor_Id for both parent and child grid,when i expand the parent grid,the child grid must be shown behind the parent grid(straight),it must not move right as shown in the image.
I am using + icon to expand and - icon to collpase.
Hi induricharan,
As far as I can understand you want no indentation for your childbands. To do that you need to set the ExpandableAreaCssClass property of your WHDG.
The expandable area styling is controled by the TBODY>TR>TD.ighg_ExpandableArea class. To define a custom CSS class which removes the indentation you can use something like:
<style type="text/css"> TBODY>TR>TD.ighg_ExpandableArea.noIndentation { padding: 0px 0px 0px 0px; }</style>
and in your grid markup: ExpandableAreaCssClass="noIndentation"
Please let me know if this helps.
Best Regards,
Petar IvanovDeveloper Support EngineerInfragistics, Inc.http://www.infragistics.com/support
I applied the styles as suggested by u,but still the child grid columns are moving to right.
I have created a sample for you demonstrating a WHDG without no indentation for the child bands. Please let me know if this is what you are looking for.