You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在仅能操作JS文件时移除Kendo Grid的垂直滚动条?

移除Kendo Grid无效垂直滚动条的JS方案

由于无法修改CSS,可通过Kendo Grid的原生JS配置直接禁用垂直滚动条,具体方法如下:

  • 初始化Grid时配置:在Grid的初始化参数中,设置scrollable对象的vertical属性为false,Grid会直接跳过垂直滚动条的渲染:
$("#grid").kendoGrid({
  // 其他配置项
  scrollable: {
    vertical: false,
    horizontal: true // 保留水平滚动条功能
  },
  // 其他配置项
});
  • 动态修改已初始化的Grid:如果Grid已创建完成,可通过setOptions方法更新配置,实时移除垂直滚动条:
const grid = $("#grid").data("kendoGrid");
grid.setOptions({
  scrollable: {
    vertical: false,
    horizontal: true
  }
});

该方案利用Kendo UI原生配置项,无需依赖CSS修改,完全通过JS操作实现需求。设置vertical: false后,Grid高度会自适应内容高度,配合窗口滚动条即可实现上下滚动,同时保留正常的水平滚动功能。

内容的提问来源于stack exchange,提问作者Darren Yang

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.26 14:07:01