[英]Adjust Kendo-Grid height automatically
我想自动调整剑道网格高度,例如底部网格距离窗口底部 20 20px
。
.--------------------. -
| Navbar | |
| .------------. | |
| | Kendo-Grid | | | Window Height
| | | | |
| '------------' | |
'--------------------' -
我当前的解决方案使用 Javascript:
<div class="container-fluid">
<div id="grid"></div>
</div>
<script>
$(window).resize(function() {
let height = window.innerHeight - $('#grid').offset().top - 20
$('#grid').css('height', height + 'px')
$('#grid').data("kendoGrid").refresh()
})
</script>
我想知道是否有更好的解决方案。
我在这里假设,因为您的布局可能更具体,但您可以试试这个 CSS:
<style>
.container-fluid {
height: 100%;
}
#grid {
height: calc(100% - 20px);
}
</style>
<div class="container-fluid">
<div id="grid"></div>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.