Pagging not working

Here is my reactjs code

import * as React from 'react';
import { GridComponentColumnsDirectiveColumnDirectivePageInject }from '@syncfusion/ej2-react-grids';
import { DataManagerWebApiAdaptor } from '@syncfusion/ej2-data';

export default class Gridku extends React.Component{
    constructor() {
        super(...arguments);

        this.data = new DataManager({
            url: './getMenu',
            adaptor: new WebApiAdaptor
        });
    }

    render() {
        return<div className='control-pane'>
                    <div className='control-section'>
                        <GridComponent id="Grid" dataSource={this.data} allowPaging={true} ref={grid => this.gridInstance = grid} pageSettings={pageSize: 6,pageSizes: true }}>
                            <ColumnsDirective>
                                <ColumnDirective field='nodeId' headerText='Node ID' width='150' textAlign="Right"/>
                                <ColumnDirective field='nodeText' headerText='Node Text' width='150'/>
                            </ColumnsDirective>
                            <Inject services={[Page]} />
                        </GridComponent>
                    </div>
                </div>
        )
    }
};


this is return form API

{"Items":[{"nodeId":0,"nodeText":"Sistem"},{"nodeId":1,"nodeText":"Master"},{"nodeId":2,"nodeText":"Purchase"},{"nodeId":3,"nodeText":"Sales"},{"nodeId":4,"nodeText":"Production"},{"nodeId":5,"nodeText":"Inventory"},{"nodeId":6,"nodeText":"Stock"},{"nodeId":7,"nodeText":"Finance"},{"nodeId":8,"nodeText":"Purchase Report"},{"nodeId":9,"nodeText":"Sales Report"},{"nodeId":10,"nodeText":"Finance Report"},{"nodeId":11,"nodeText":"Stock Report"}],"Count":12}

Here is the result



1 Reply 1 reply marked as answer

RR Rajapandi Ravi Syncfusion Team June 16, 2021 10:17 AM UTC

Hi Jonathan, 

Greetings from syncfusion support 

Based on your query we have prepared a sample and checked your reported problem at our end and try to reproduce the issue, but it was unsuccessful. The paging was working fine from our end. Please refer the below sample for more information. 


If you still face the issue, please share the below details that would be helpful for us to provide a better solution.  

1)    Share the packages version of syncfusion control used in package.json file. 

2)    Please replicate the issue with our above attached sample or share any issue reproducible sample. 

Regards,  
Rajapandi R 


Marked as answer
Loader.
Up arrow icon