Setting style for left part of result of splitAt

Suite and Optimus Suite 5
#1

Hi,

I am using evaluation copy before buying the professional edition and am quite new to the grid.

I have a table which I am converting to the grid. I am trying to freeze the first column. It works, but the left part is in a different style. I have my own css for the grid. The right part has this style but the left part uses some default style. How do I change this style?

Also, the initwidths set are not reflected in the right part of the table. Is there something wrong in the way I have set it?

function doInitGrid(){
mygrid= new dhtmlXGridFromTable(‘myTable’);
mygrid.setInitWidths(“100,200,200,200,100,100,110,120,120”);
mygrid.setImagePath("/StandardsWeb/includes/dhtmlxGrid/codebase/imgs/");
mygrid.setColAlign(“center,right,right,center,center,center,center,left,left”);
mygrid.enableRowsHover(true,“grid_hover”);
mygrid.enableAlterCss(“even_row”,“odd_row”);
mygrid.setSkin(“merlin”);

     }
    function splitGrid(){        
        myTable.splitAt("1");
    }

Any help would be very much appreciated.

#2

You have to call setSkin () method before splitAt(). In case of initialization from html table you should move it to “onbeforeinit” handler:

function doOnBeforeInit(){
mygrid.setInitWidths(“100,200,200,200,100,100,110,120,120”);
mygrid.setImagePath("/StandardsWeb/includes/dhtmlxGrid/codebase/imgs/");
mygrid.setColAlign(“center,right,right,center,center,center,center,left,left”);
mygrid.enableRowsHover(true,“grid_hover”);
mygrid.enableAlterCss(“even_row”,“odd_row”);
mygrid.setSkin(“merlin”);
myTable.splitAt(“1”);
}

Also you can split grid using “split” table attribute:

<table class="dhtmlxGrid" split="1" For more information please check this article [docs.dhtmlx.com/doku.php?id=dhtm ... d_settings](http://docs.dhtmlx.com/doku.php?id=dhtmlxgrid:loading_from_html#global_grid_settings)