Start Building Professional
Web Apps Today

look and feel

Could you please let me know how can I change the look and feel of tree grid.What is the extend to which I can get control over the look and feel?

You can change most settings in dhtmlxgrid.css

Most common styles

div.gridbox
    grid container
 div.gridbox table.hdr td  
    inner element of header
 div.gridbox table.hdr td div.hdrcell
    outer element of header
div.gridbox table.obj td  
    data cell
 div.gridbox table.obj tr.rowselected td.cellselected, div.gridbox table.obj td.cellselected  
    element in selected cell
 div.gridbox table.obj tr.rowselected td
    elements in selected row

Footers

div.gridbox div.ftr
    container of all footers
div.gridbox div.ftr td  
    element of footer


Column moving  

div.gridbox table.hdr td.columnTargetR div.hdrcell
    marker used to mark drop-right in case of column moving
div.gridbox table.hdr td.columnTargetL div.hdrcell
    marker used to mark drop-right in case of column moving
.dhx_dragColDiv
    representation of draged column

Edit related styles

 div.gridbox table.obj td.editable{
    data cell in edit state  
 .dhx_combo_select
    select boxes inside grid editors
 .dhx_combo_edit
    inputs inside grid editors
 .dhx_textarea
    textareas inside grid editors
 .dhx_clist
    checkbox list ( clist excell )


D-n-D related styles

.dragSpanDiv
    element used as drag text holder
 .gridDragLine
    marker of position during d-n-d ( sibling and complex modes )


Rare used styles

.dhx_sub_row
    sub row inside grid
div.gridbox .xhdr
    the space right to last header ( if grid width greater than summ of column's widths )
div.gridbox table.row20px tr td
    additional styles for data cell in case of fixed row height mode  
 div.gridbox .objbox
    data part of grid