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

Grid without paging and scroll bars

3 Answers 849 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Sagar
Top achievements
Rank 1
Sagar asked on 25 Jul 2013, 12:24 PM
Hi,

I've kendo grid where data is displayed with pagination turned on. Say the number of rec in the grid is 200. I click a button then I want to remove
pagination from the grid so that all the records are viewed in a single glance. The height of the grid should expand automatically depending upon
the number of records.

In this scenario, the height of the web page containing the grid will increase thereby getting scroll bars on the page.

Can you let me know if removing pagination and even scroll bars from the grid is possible or not?
A sample code snippet would be of great help.

Thanks,
Sagar Agrawal
(A customer of KendoUI).

3 Answers, 1 is accepted

Sort by
0
Dimiter Madjarov
Telerik team
answered on 25 Jul 2013, 02:42 PM
Hello Sagar,


To achieve this you should set the scrollable configuration of the Grid to false, so that it will resize according to the data. On click of the button, you should get the total number of items in the dataSource and set the pageSize to this number, so that the Grid will display all of the data. Here is a JS Bin example, which demonstrates the approach. I also included a code snippet to hide the pager itself. Feel free to modify the example according to your needs.

I wish you a great day!

 

Regards,
Dimiter Madjarov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Sagar
Top achievements
Rank 1
answered on 25 Jul 2013, 05:09 PM
The sample looks promising, I'll try it in my application once. Thanks for your post and the example. Really appreciate your quick help.. !

Thanks,
Sagar
0
Dimiter Madjarov
Telerik team
answered on 26 Jul 2013, 06:07 AM
Hello Sagar,


I am glad that you liked the example and I hope that it will fit the current scenario. Do not hesitate to contact us again if you are experiencing any issues.

 

Regards,
Dimiter Madjarov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Grid
Asked by
Sagar
Top achievements
Rank 1
Answers by
Dimiter Madjarov
Telerik team
Sagar
Top achievements
Rank 1
Share this question
or