Start Building Professional
Web Apps Today

grid first row not clickable or deletable

We are using grid version v.2.0 build 81009.

Our requirement of grid is as follows. If the user click a particular item in a combobox, a grid should be displayed below it. For all other items of the combo box, the grid sholuld be hidden. So, we placed combobox and grid in two rows in a table. The second row is initially hidden. When the particular item is selected in the combobox, the second row is displayed, and the grid is initialized and displayed. That way grid is dynamically generated, and this dynamic generation is needed since we use this at different places in the application. We are facing one problem in doing this.

The grid is displayed fine, but the first row is not editable or deletable. The focus is initially on the first column of the first row. We could enter the values, but remaining cells of that row are not enterable by clicking on the cell. However, tabbing works fine. The tab takes the user to next cell, and that cell then is editable. No problem with any of the remaining rows. The problem is only with the first row. We use following code to show/hide table row.

var divTR = document.getElementById('<tablerowid>');
if (divTR != null) divTR.style.display = "block";

Please let me know if there is any solution to this problem. I even tried unlocking row, it doesn't work. There is no problem with XML loading, since we use same thing at other place without any issue.

Thanks,
Niranjan Avadhuta.

Please check if your first row id isn't "0". You are able to use any unique row id exept "0". If issue still occurs please send us any kind of sample where we can reproduce this issue. Please send this sample directly to the support@dhtmlx.com