Readonly combo in grid

This is my grid definition

        dvLayout.cells("a").attachObject("splashscreen");
        
 /* Data field grid */

        dfgrid = dfLayout.cells("a").attachGrid();  
        dfgrid.setHeader("ID,Data Field <a href='#' TITLE='Double-click on a Data Field below to edit text.'><i class='fa fa-question-circle-o' aria-hidden='true' STYLE='font-size: 12px;color:#333'></i></a>,Visible,Linked Master Field <a href='#' TITLE='Double-click any row below to edit the Linked Master Field'><i class='fa fa-question-circle-o' aria-hidden='true' STYLE='font-size: 12px;color:#333'></i></a>",null,["","","text-align:center",""]);
        dfgrid.setInitWidths("100,300,50,*");
        dfgrid.setColAlign("left,left,center,left");
        dfgrid.setColTypes("ro,ed,ch,combo");
        combo = dfgrid.getColumnCombo(3);//takes the column index
        combo.readonly(true);
        combo.allowFreeText(false);
        dfgrid.setColSorting("int,str,na,str");
        dfgrid.init();

The combo in the grid column is loading via dhtmlx connector and everything is fine but for some reason, I cannot make it readonly like a select box.
Please does anybody know whats wrong with the code ??
Thanks in advance

Oops my bad. Got fixed once i moved the combo customizing code after grid init() :slight_smile: