We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Move Paging to Top

Hi Team,

Is there a way to move the location of the paging to the top of the grid instead of at the bottom? I want to be able to immediately see the number of records showed after filtering.

Thanks.

1 Reply

SR Sellappandi Ramu Syncfusion Team December 10, 2015 09:03 AM UTC

Hi Lory,

Thanks for contacting Syncfusion support.

Query #1: Is there a way to move the location of the paging to the top of the grid instead of at the bottom?

We can achieve your requirement using dataBound event. This event will trigger after the data is bound to the grid on initial rendering and we can get the grid element. By using prepend() method to display the grid pager as our requirement.

Please refer to the online help documentation of dataBound event and code example,

Document: http://help.syncfusion.com/js/api/ejgrid#events:databound

dataBound: function (args) {

                    this.getHeaderContent().prepend(this.getPager()); // Before the grid header

                    //this.getContent().prepend(this.getPager()); // Before the grid content
                },


Query #2: I want to be able to immediately see the number of records showed after filtering.

We have the _filteredRecordsCount property to show the filtered records count in actionComplete event. In below example, we are showing filtered record counts in alert box.

Please refer to the code example and playground sample,

actionComplete: function (args) {

                    if (args.requestType == "filtering")

                        alert(this._filteredRecordsCount);// Showing the filter records count
                }


Sample Link: http://jsplayground.syncfusion.com/4ulguvj3

Regards,
Sellappandi R

Loader.
Live Chat Icon For mobile
Up arrow icon