How do you enable Non Scrolling Columns in the igHierarchicalGrid? What is that feature called?
Hello Jason,
I am glad that you find my information helpful.
Thank you for using Infragistics controls.
Thank you Vasya, I understand what I was doing wrong now. I appreciate your help and patience with me. Please take care.
Thank you for getting back to me.
By design igHierarchicalGrid inherits igGrid which means that it inherits its options. This is the reason why in the documentation in the igHierarchical grid there is a section igGrid with igGrid options and there is also an igHiererachical grid section which includes options, events and methods specific for the hierarchical grid.
Regarding your code it seems fine and I made a small sample illustrating your scenario. In my side I am defining the height for the parent and child layout in order to ensure that I will have scrollbars. When scrolling both parent and child have their headers fixed and only the data is scrollable.
Please have a look at my sample and test it on your side. Whether or not it works correctly may help indicate the root cause of this matter. If this sample is not an accurate demonstration of what you are trying to achieve please feel free to modify it and send it back to me along with steps to reproduce the behavior that you are experiencing.
I hope you find my information and sample helpful.
Please feel free to contact me if you have any further questions regarding this matter.
I also noticed you linked to the ui.igGrid, are all of the features between that grid and the ui.igHierarchicalGrid interchangable?
Thank you Vasya
That seems to not work for me though. Can you glance at my grid below and tell me what I have wrong?
function
LoadhierarchicalGrid(data) {
$(
"#hierarchicalGrid").igHierarchicalGrid({
width: "100%",
dataSource: data,
autoGenerateLayouts: true,
autoGenerateColumns: false,
fixedHeaders : true,
columns: [
{ headerText: "Group Name", key: "GroupName", dataType: "string" },
{ headerText: "Group Owner", key: "GroupOwner", dataType: "string" },
{ headerText: "Member", key: "Name", dataType: "string" },
{ headerText: "Member LogonID", key: "LogonID", dataType: "string" },
{ headerText: "Member Manager", key: "EmployeeManager", dataType: "string" },
{ headerText: "Employee Manager LogonID", key: "EmployeeManagerLogonID", dataType: "string" }],
features: [
{
name: "Resizing"
},
name: "Sorting",
type: "local"
name: "Filtering",
type: "local",
mode: "simple",
filterDialogContainment: "window"
name: "GroupBy",
name: 'Paging',
pageSize: 50
name: "ColumnMoving",
addMovingDropdown: false
}
]
});