Hi,

We are using Iggrid to display 3 level of hierarchical records say List of Companies -> List of Child Companies -> List of Contacts and the datasource is of type XML.

Here when we try to expand the grand child ie : List of Contacts and mouse hover on the grid, all rows are highlighted inspite if we mouse hover on the first record.

And also we are using Row Selectors for this grid as Checkbox , the issue we are facing here is that , the checkbox is getting clicked only on the second click.

below is the definition of the grid and its features . Please let know how to fix this issue?

$("#hierarchicalGrid1").igHierarchicalGrid({

autoGenerateColumns: false,

primaryKey: "KeyID",

initialDataBindDepth: 0,

features: [{

name: 'Responsive'

}],

columns: [

{ headerText: "CompanyName", key: "CompanyName" },

{ headerText: "Locations", key: "Locations" },

{ headerText: "KeyID", key: "KeyID", hidden: true },

],

columnLayouts: [

{

key: "Child",

responseDataKey: '',

autoGenerateColumns: false,

primaryKey: "KeyID",

dataSourceType: "xml",

features: [{

name: 'Responsive'

}],

columns: [

{ headerText: "Address1", key: "Address1", hidden: true },

{ headerText: "CompanyName", key: "CompanyName", width: "150px" },

{ headerText: "Contacts", key: "NumberOfContacts", dataType: "string", width: "80px" },

{ headerText: "KeyID", key: "KeyID", hidden: true },

{ unbound: true, key: "Action", headerText: "Action", dataType: "string", template: "<input type='button' value='Create Lead'/>", width: "130px" }

],

columnLayouts: [

{

key: "Child",

autoGenerateColumns: false,

primaryKey: "KeyID",

dataSourceType: "xml",

features: [

{

name: 'Responsive'

},

{

name: "RowSelectors",

enableCheckBoxes: true,

enableRowNumbering: false,

checkBoxMode: "biState"

},

{

name: "Selection",

mode: "row",

multipleSelection: true

},

],

columns: [

{ headerText: "First Name", key: "FirstName" },

{ headerText: "Last Name", key: "LastName", dataType: "string" },

]

}

]

}

]

});