Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by PPoo on Nov 05, 2008 09:52
open dhtmlx forum
Title headers do not appear complete

Hi,
the titles in my grid don't appeas complete, some of them are too longer and I wish to see them in two rows.
is this posibble?

my code:

var mygrid = new dhtmlXGridObject('gridbox');

mygrid.setImagePath('dhtmlxGrid_imgs\\');

vTitulos = ""
vTitulos += ",Cupo Actual"
vTitulos += ",Disponible para compras"
vTitulos += ",Disponible para avances"
vTitulos += ",Autorizado a Transferir"
vTitulos += ","
vTitulos += ",Nuevo Cupo"
vTitulos += ",Disponible Para Compras"
vTitulos += ",Disponible Para Avances"
mygrid.setHeader("Cuenta, Estado Actual de la Cuenta,#cspan,#cspan,Cupo Máximo,Monto a Transferir,Simulación Cuenta Rebajada,#cspan,#cspan")
mygrid.attachHeader(vTitulos);
mygrid.setInitWidths("110,70,130,75,60,75,70,75,75");
mygrid.setColAlign("left,right,right,right,right,right,right,right,right");
mygrid.setColTypes("ro,ro,ro,ro,ro,ed,ro,ro,ro");
mygrid.setColSorting("str,str,str,str,str,int,str,str,str");
mygrid.setDelimiter("Ø");
mygrid.setOnRowSelectHandler(doOnRowSelected);
mygrid.setOnEnterPressedHandler(doOnEnter);
mygrid.enableLightMouseNavigation(true); //para solo un click
mygrid.setOnEditCellHandler(doOnCellEdit);
mygrid.init();
Answer posted by Support on Nov 05, 2008 10:09
Grid may wrap long headers on next line automatically ( this feature not works for xp and mt skins )
The same code as in your case works correctly in our samples ( attached ) 

Attachments (1)
Answer posted by PPoo on Nov 05, 2008 10:58
than you,
 it is problem witrh the style sheet.
if I use you sample with my stylesheet it dosn´t work.
Answer posted by Support on Nov 06, 2008 04:18
Most probably you have some rule with 
    white-space:nowrap;
assigned to TD or DIV elements, which prevent line breaking. 
Answer posted by PPoo on Nov 10, 2008 10:45
hi
solved!!, the problem was with this line in the style sheet.

div.gridbox table.hdr td {
...
  /* height: 17px; */ <-- removed
    }