Column header menu width issue.

[xmon72206Member]

Hi,

I am having an issue where the column header menu width is less than half the size it should be. It seems to be fixed when I group and ungroup a column. Do you know why this happens? I am definitely not changing the menu width. It happened once before when my source is an array. This time my source is coming from a remote function returning XML.

Here is an image:

Thanks,

Xmon22.

[Peter StoevKeymaster]

Hi Xmon22,

We will not be able to reproduce that issue with the provided details. Would you please provide additional details like:

– jQuery version
– jQWidgets version
– Small Sample which reproduces the issue.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[xmon72206Member]

Hi,

We are using:

– jquery-1.7.2
– jqwidgets-2.3.0

I did some playing around and to recreate the problem you have create and bind the grid while the grid is hidden. Once you make the grid visible you should noticed that the header menus are not sized correctly.

Thanks,

Xmon22.

[Peter StoevKeymaster]

Hi Xmon22,

I am still unable to reproduce the reported issue.

Here’s my code:

$("#jqxgrid").css('visibility', 'hidden');
// initialize jqxGrid
$("#jqxgrid").jqxGrid(
{
    width: 670,
    source: dataAdapter,
    theme: theme,
    pageable: true,
    autoheight: true,
    sortable: true,
    altrows: true,
    enabletooltips: true,
    columns: [
        { text: 'Product Name', datafield: 'ProductName', width: 250 },
        { text: 'Quantity per Unit', datafield: 'QuantityPerUnit', width: 150 },
        { text: 'Unit Price', datafield: 'UnitPrice', cellsalign: 'right', cellsformat: 'c2', width: 70 },
        { text: 'Units In Stock', datafield: 'UnitsInStock', cellsalign: 'right', cellsrenderer: cellsrenderer, width: 100 },
        { text: 'Discontinued', columntype: 'checkbox', datafield: 'Discontinued', width: 100 }
    ]
});
$("#jqxgrid").css('visibility', 'visible');

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[xmon72206Member]

Hi,

Sorry I should had been for specific. I used

$(“#jqxgrid”).css(‘display’, ‘none’);

instead of

$(“#jqxgrid”).css(‘visibility’, ‘hidden’);

plus, I used a button to make the grid appear.

Thanks,

Xmon22.

[xmon72206Member]

Thanks for the help.

Xmon22.

[Peter StoevKeymaster]

Hi Xmon22,

There are 2 options – initialize the Grid when its container DIV tag is visible ( best option ) or call the Grid’s ‘render’ method once the DIV tag is visible.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts