Footer display problem in FF and Chrome

Suite and Optimus Suite 5
#1

I am trying to implement a footer in a pivot table with this code:

function showTots()
{
mygrid._pgrid.setSkin(“dhx_skyblue”);
mygrid._pgrid.attachFooter(“Total,#stat_total,#stat_total,#stat_total,#stat_total,#stat_total,#stat_total”,[“text-align:right;”]);
mygrid._pgrid.setSizes();
mygrid._pgrid.callEvent(‘onGridReconstructed’,[]);
}

Everything is ok. However, widths align in Chrome, but the footer seems to be getting ‘cut-off’. In FF, the cut-off is happening and widths are also not getting aligned automatically, even though I have called setSizes. I also called setSkin in the local procedure, but no help.

Can you please help me out? Thanks.

Chrome.jpg1366×682 52.9 KB


Pivot_FF_5.jpg1366×684 61.5 KB

#2

Just to add, I am calling the showTots() function on the click event of the Hide Pivot button. In the Show Pivot button click, I am creating the pivot with mygrid.makePivot()

#3

Unfortunately the issue cannot be reconstructed.
Pivot’s footer shows well in FF and Crome.
Please make sure that you didn’t modified default CSS file or check your custom css