pageSizes : [10,20,30] not showing

2 posts, 0 answers
  1. Jaebock
    Jaebock avatar
    2 posts
    Member since:
    Feb 2019

    Posted 29 Aug 2020 Link to this post

    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,
        }); 

     
  2. Ivan Danchev
    Admin
    Ivan Danchev avatar
    2153 posts

    Posted 01 Sep 2020 Link to this post

    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).

Back to Top