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

fixed grid height when scrollable false

4 Answers 1343 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Junseo
Top achievements
Rank 1
Junseo asked on 08 Nov 2013, 02:09 AM
hi,

I set the scrollable false of the grid. so that it resize according to the data size.
(the pager position changed according to the data size)

but, i want to fixed height grid.

In other words, the need for a solution.
 - grid vertical scroll does not exist and fixed height grid.

thanks.

4 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 08 Nov 2013, 12:04 PM
Hello Junseo,

I am not sure I understand you correctly. Can you please elaborate how do you imagine the Grid should support both variable and fixed height at the same time?

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Junseo
Top achievements
Rank 1
answered on 11 Nov 2013, 12:47 AM

Hello, Dimo
I explain once again.

I want to vertical scrollbar no apearing in grid. so, i've set

$("#grid").kendoGrid({
  scrollable: false,
  height: 300,
  ....
});

But, i found the grid height depend on data size. 

See below example. grid height is different in every page.
http://demos.kendoui.com/web/grid/aggregates.html

i want to know solution >> no showing vertical scrollbar and fixed height for grid.

Thanks.
0
Dimo
Telerik team
answered on 11 Nov 2013, 08:47 AM
Hello Junseo,

In general, scrolling is the only way to ensure that a given container with random content obeys a fixed height.

http://docs.kendoui.com/getting-started/web/grid/walkthrough#scrolling

Can you demonstrate the behavior that you want to achieve with a plain regular <table>?

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Junseo
Top achievements
Rank 1
answered on 12 Nov 2013, 12:42 AM
Thanks. Dimo
I've solved this issue.

CSS:
--------------------------------------------
.k-grid  .k-grid-content
{
        overflow: hidden;
}
--------------------------------------------


JavaScript:
--------------------------------------------
<script>
$(document).ready(function () {
        $("#grid").kendoGrid({
            scrollable: true,
            height: 310,
            ...
       });
});
</script>
--------------------------------------------
Tags
Grid
Asked by
Junseo
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Junseo
Top achievements
Rank 1
Share this question
or