splitAt and enableSmartRendering

Suite and Optimus Suite 5
#1

Hello dhtmlx support team,

The problem I have about splitting a grid is when I use splitAt and enableSmartRendering and dataprocessor all together,
because when I comment either splitAt or enableSmartRendering it works fine, but I need both working together as well
as dataprocessor wich cannot be ommited.

In order you can try this behavior, I’m sending you html and xml files needed, and try this:

1- clic ‘add new empty row’ button, see how ‘new’ is repeated in columns 1 and 2
2- select row you just added
3- clic ‘set column 1 value’ or ‘set column Name value’ toolbar buttons, both of them should have set ONLY column 1 value
4- now, clic ‘set column Age value’ toolbar button, it set ‘Gender’ column to 30 instead of ‘Age’ column
5- now, select one of the rows loaded with the grid (row 1 or 2)
6- clic toolbar buttons, and check the results… they work fine
7- also, enableRowsHover function doesn’t affect columns that were splited, but if you comment that line, it works fine

As you can see, i have a subgrid linked to column ‘city’ in the grid, but it’s showed behind other div I have, notes section,
so I would like to know how do I have to define div’s style in order that subgrid appears over notes section.

P.S. I included dataprocessor definition in my html file in order to cause the above described behavior, but I’m not including
server side code.

Thanks
Demo.zip (3.66 KB)

#2

1-6. This issue wasn’t reproduced locally. Please check if you are using latest version of dhtmlxGrid. Possible fix was send you by email

7- also, enableRowsHover function doesn’t affect columns that were splited, but if you comment that line, it works fine
Place myGrid.enableRowsHover(true,‘grid_hover’); line before myGrid.splitAt(1); :

myGrid.init(); myGrid.enableRowsHover(true,'grid_hover'); myGrid.splitAt(1);

As you can see, i have a subgrid linked to column ‘city’ in the grid, but it’s showed behind other div I have, notes section,
so I would like to know how do I have to define div’s style in order that subgrid appears over notes section.
Add “z-index:9999’” style to the “subgridCity” container:

<div id="subgridCity" style="width:350px;height:400px;background-color:white;z-index:9999"></div>