how to edit columns in a grid

For some reason I can’t edit any columns in a grid. How can I do this? I have set myGrid.setEditable(true); I still can’t edit.


        var myGrid = new dhtmlXGridObject(this.gridId);
        myGrid.setHeader("Resource Type,Person,Effort,Cost");
        myGrid.setInitWidths("100,100,50,50");
        myGrid.setColAlign("left,left,left,left");
        myGrid.setColTypes("coro,coro,edn,edn");
        myGrid.setEditable(true);
        //set values for select box in 5th column
        var combobox = myGrid.getCombo(0);
        combobox.put("1", "1 Hour");
        combobox.put("12", "12 Hours");
        combobox.put("24", "24 Hours");
        combobox.put("48", "2 days");
        combobox.put("168", "1 week");
        combobox.put("pick", "pick up");
        combobox.put("na", "na");


        var combobox1 = myGrid.getCombo(1);
        combobox1.put("1", "1 Hour");
        combobox1.put("12", "12 Hours");
        combobox1.put("24", "24 Hours");
        combobox1.put("48", "2 days");
        combobox1.put("168", "1 week");
        combobox1.put("pick", "pick up");
        combobox1.put("na", "na");
        myGrid.init();

//just an example insert
        myGrid.addRow(this.rowIndex, [1, 1, "3", "4"]);

Please, make sure that you’re not blocking the edit operations using the oinEditCell event.
If the problem still occurs for you please, provide with a complete demo or share with a demo link, where the problem can be reproduced.

Thank you, How can I provide a demo? Also I am not using any events yet, this is all the code aside from the html div.

The actual Box is there, but there is a problem. It’s underneath everything.

http://imgur.com/PXvt2hN

so I found the problem.

the css class dhx_combo_select has a set z-index of 600. I had to increase it.