Jqxgrid status bar position is off

[jrParticipant]

Hey there Im having an issue with a grid statusbar.

The grid is bound with knockout, and the statusbar seams to only be correctly position itself when there is one row. so when I change the data in the observable array that the grid uses as a datasource the statusbar gets messed up. Any ideas on why this may be happening?

My grid definition:

<div data-bind="jqxGrid: {
    source: OffloadRequests,
    theme: 'IMS',
    autoheight: true,
    pageable: true,
    pagesize: 100,
    pagesizeoptions: ['10', '25', '50', '100', '500', '1000'],
    sortable: true,
    columnsreorder: true,
    width: '99%',
    columnsresize: true,
    editable: true,
    sortable: true,
    filterable: true,
    enabletooltips: true,
    selectionmode: 'singlerow',
    showstatusbar: true,
    statusbarheight: 50,
    columns: [
        { text: 'Offload Number', dataField: 'OffloadNumber' },
        { text: 'Status', dataField: 'StatusDescription' },
        { text: 'Ship', dataField: 'ShipName' },
        { text: 'Offload Date', dataField: 'OffloadDate' },
        { text: 'Port', dataField: 'PortName' },
        { text: 'Title', dataField: 'Title' },
        { text: 'Created By', dataField: 'CreatedBy' }
    ]
}"
                                id="jqxgrid">

[DimitarParticipant]

Hello jr,

We cannot determine what causes the issue from the provided code only. Please check out the Knockout demo Paged Grid which shows that the pager is positioned correctly even after more rows are added to the grid.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[WindmillParticipant]

I am having the exact same problem and the demo has not helped me.

[DimitarParticipant]

Duplicate post: http://www.jqwidgets.com/community/topic/knockoutjs-paging/.

[Author]

Posts