Customize grid

Discontinued products DHTMLX Touch
#1

Does anyone know how to redefine the row’s height in the grid component?

I checked out the main CSS file (touchui.css) and found out the rules that drive the look & feel of the grid comp. I added the following code to my header. It only modified the header’s height.

.dhx_grid_header{
height:22px;line-height:22px;
font-size:12px;
}

.dhx_grid_row,.dhx_grid_row_selected{
height:22px;line-height:22px;
font-size:12px;
}

Thanks

#2

a) define new type for grid

dhx.Type(dhx.ui.grid,{ name:"mygrid", height:22 });

b) while init grid, use your new type

{ view:"grid", type:"mygrid", ...