This is a migrated thread and some comments may be shown as answers.

Kendo UI MVC grid page size drop down not working

2 Answers 1982 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Reid
Top achievements
Rank 2
Reid asked on 02 Jul 2018, 01:27 AM

This Kendo UI MCC grid has issues with the page size drop down either not dropping down or if it does the page sizes are displaying to the left.  There are no custom .CSS that could be overriding it.

 

I have Googled this and read about an hour of posts and tried different things but it is not working.  I have the latest release installed.  The grid has 500 records to show and I have set to display 50 items at a time with a page sizes[] array defined.

 

.Pageable(pageable => pageable
.PageSizes(new[] { 20, 50, 100, 500 })
.PageSizes(true)
.Info(true)
//.Messages(x => x.Display("{0}-{1} from {2} Cross Reference Records").Empty("No Results"))
.Enabled(true)
.PreviousNext(true)
.Input(true)
.Numeric(true)
.Refresh(true)
//.PageSizes(true)
.ButtonCount(10)
.Refresh(true)
)

 

 

Any help would be appreciated.

 

Thanks

 

2 Answers, 1 is accepted

Sort by
0
Accepted
Georgi
Telerik team
answered on 04 Jul 2018, 12:33 PM
Hi Reid,

I have investigated the provided configuration and noticed that the PageSizes are configured twice.

e.g.

.PageSizes(new[] { 20, 50, 100, 500 })
.PageSizes(true)

Using both overloads as above will ignore the first configuration (where the page sizes are specified) and generate the page sizes drop down with the default values (5,10,20).

In case the requirement is to customize the values of the page sizes drop down modify the configuration as below:

.Pageable(pageable => pageable
.PageSizes(new[] { 20, 50, 100, 500 })
.Info(true)
//.Messages(x => x.Display("{0}-{1} from {2} Cross Reference Records").Empty("No Results"))
.Enabled(true)
.PreviousNext(true)
.Input(true)
.Numeric(true)
.Refresh(true)
//.PageSizes(true)
.ButtonCount(10)
.Refresh(true)
)

Furthermore I have tested the page sizes drop down in our demos site and it works as expected:


Having said that, sharing a demo that clearly replicates the issue would definitely help us fully understand the case and we will be able to provide further assistance to the best of our knowledge.


Regards,
Georgi
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Reid
Top achievements
Rank 2
answered on 05 Jul 2018, 12:07 PM
Thank you for replying. 
Tags
Grid
Asked by
Reid
Top achievements
Rank 2
Answers by
Georgi
Telerik team
Reid
Top achievements
Rank 2
Share this question
or