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

pageSizes : [10,20,30] not showing

1 Answer 220 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Jaebock
Top achievements
Rank 1
Jaebock asked on 29 Aug 2020, 08:47 AM

Hi, I set the pageSize option on the grid, but I'm having a hard time because it's not shown on the screen.

So I can't see the page selection drop-down even though I deactivated all my csss and enabled only the css and js related to kendo.

What should I check to solve this problem?

I will attach my current screen and my grid creation code.

Help me...

 

$("#dataTable").kendoGrid({
        sortable: true,  
        selectable: true,
        groupable: false,
        scrollable: true,
        dataSource: {
            data: [],
            pageSize : 10
        },
        pageable: {
              pageSizes: [10,50,100]
        },
        columns: [
           { title: "No",  attributes:{style: "text-align: center"}, template: "#= renderNumber(data) #",  width: "50px"},
        { field: "id", title: "SEQ", width: "130px", hidden:true},
        { field: "registDt", title: "일시", width: "160px", attributes:{style: "text-align: center"}, template: '#=registDt==null?" ":new Date(registDt).getDateTime()#' },
        ], 
        //dataBound: resetRowNumber,
    }); 





"registDt
 
 
 

1 Answer, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 01 Sep 2020, 03:18 PM

Hi Jaebock,

I've tried the pageable configuration you posted and I can see the dropdown rendered in the Grid's pager: https://dojo.telerik.com/uQoHAZAS

Could you modify the dojo example and demonstrate the issue? When using the Default v2 theme, make sure there are no additional Kendo CSS files loaded. Only the theme file should be loaded as shown in the dojo:

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.2.617/styles/kendo.default-v2.min.css"/>

Regards,
Ivan Danchev
Progress Telerik

Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive , special prizes and more, for FREE?! Register now for DevReach 2.0(20).

Tags
Grid
Asked by
Jaebock
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Share this question
or