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.
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
0
Hello Junseo,
Dimo
Telerik
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?
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
Hello Junseo,
Dimo
Telerik
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>?
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>
--------------------------------------------
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>
--------------------------------------------