Vue Page Sizing

[Sebastian]

Hi There! 

I'm currently trying to implement custom page sizes for the native grid component in telerik vue. 



However, when I change "items per page", nothing changes. 

I also don't see anything with regards to custom page sizes within the documentation? 

this is how I define my data.

      pageSize: 10,

      pageable: {

          buttonCount: 5,

          info: true,

          type: 'numeric',

          pageSizes: true,

          previousNext: true

      },

 

And this is how my component is called

          <Grid

            :style="{height: '82.5vh'}"

            :data-items="dataSet"

            :columns="columns"

            :skip= "skip"

            :take="limit"

            :total="count"

            :pageable="pageable"

            :page-size="pageSize"

            @pagechange="pageChangeHandler"

          >

 

Thank you so much to anyone taking the time to read my question!

[Petar]

Hi Sebastian,

Here is a StackBlitz example demonstrating how you can define different pageSizes in the Native Grid.

The sample uses the pageSizes property of the pageable prop.

Check the provided example and let me know if you have questions about the provided implementation.

Regards,
Petar
Progress Telerik

[Sebastian]

Thank you so much!!