Start Building Professional
Web Apps Today

DhtmlxGrid Row Height with Multiline Enabled

DhtmlxGrid is Fantastic! Thanks..

How can I increase the height of all grid rows? When multiline is enabled, the row heights are smaller than default.

    workPackageGrid = new dhtmlXGridObject('workPackages');
    workPackageGrid.setImagePath("../../dhtmlxGrid/codebase/imgs/");
    workPackageGrid.setHeader("WP,Name,Scope,Fiscal Year,Start Date,Finish Date,Deliverables,Work Element, Account Manager");
    workPackageGrid.setInitWidths("50,180,180,90,90,90,200,100,180");
    workPackageGrid.setColAlign("center,left,left,left,left,left,left,left,left")
    workPackageGrid.setColTypes("ro,ed,ed,ed,dhxCalendar,dhxCalendar,txt,ed,coro");
    workPackageGrid.setColSorting("int,str,str,int,str,str,str,str,date")
    workPackageGrid.enableMultiline(true);
    workPackageGrid.enableKeyboardSupport(true);
    workPackageGrid.init();
    workPackageGrid.setSkin("modern");
    workPackageGrid.loadXML(url+'?table=workPackages');

Thank you!

>> When multiline is enabled, the row heights are smaller than default.

The enableMultiline method enables  mode when height of the grid row depends on its content. 

>> How can I increase the height of all grid rows?

You can try to set top and bottom padding in the dhtmlxgrid.css:

div.gridbox table.obj td {
    ...
    padding-top:2px;
    padding-bottom:2px;
}

I need to increase the Height to,i try this but doesn't work:

div.gridbox table.obj td {
 border: 1px solid;
 border-color : white Gray Gray white;
 font-family:Arial;
 font-size:12px;
    -moz-user-select:none;
    overflow:hidden;
    empty-cells:show;
 padding-top:6px;
    padding-bottom:6px;
 }

any ideas?, maybe im using a skin, can this be the source of my problem?

Regards,

Yes, the skin can be the reason for the issue.

In case of using skin you should change the corresponding class.

For example "light" style:

div.gridbox_light table.obj td {
  ...
    padding-top:2px;
    padding-bottom:2px;
}