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

How to set width of page size box in Kendo Grid?

2 Answers 965 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Daochuen
Top achievements
Rank 1
Iron
Veteran
Iron
Daochuen asked on 27 Jan 2021, 04:48 AM

 

Hello,

My MVC project used Kendo Grid with pagination functionality.  How to set width of pagesize dropdown list without impacting other kendo dropdown list in the same page?  Thanks.

 

2 Answers, 1 is accepted

Sort by
0
Neli
Telerik team
answered on 28 Jan 2021, 01:42 PM

Hi Daochuen,

I would suggest you use the 'k-grid-pager' class in order to find only the DropDownList in the Grid pager and set the needed width. Below is an example:

#grid .k-grid-pager .k-dropdown{        
        width: 300px !important;
}

Here is a Dojo example where the described above is demonstrated. As you will see, in the example there is also a DropDownList, which width is not affected.

Let me know in case you have additional questions.

Regards,
Neli
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Daochuen
Top achievements
Rank 1
Iron
Veteran
Iron
answered on 29 Jan 2021, 03:20 PM

 

Thanks Neli!  That worked.
Tags
Grid
Asked by
Daochuen
Top achievements
Rank 1
Iron
Veteran
Iron
Answers by
Neli
Telerik team
Daochuen
Top achievements
Rank 1
Iron
Veteran
Iron
Share this question
or