升级Kendo UI后Grid表头未显示每页条目数及总条目计数

近期升级Kendo UI后，Grid组件表头区域的每页条目数下拉框和**总条目计数（格式如“1-20 of 74 items”）**无法正常显示。

效果对比 #

• 正常显示效果：
• 升级后异常效果：

排查与修复建议 #

• 同步更新主题CSS：升级Kendo UI后，必须引入与当前版本匹配的主题样式文件（如kendo.default-v2.min.css），旧版本CSS会导致控件样式缺失。
• 检查Grid分页配置：确保pageable配置中启用了分页大小选择和计数显示，示例配置：

$("#grid").kendoGrid({
  pageable: {
    pageSizes: [10, 20, 50], // 启用每页条目数选择
    messages: {
      display: "{0}-{1} of {2} items" // 配置计数显示格式
    }
  },
  // 其他Grid配置项
});

• 清除浏览器缓存：旧的缓存资源可能引发样式冲突，按Ctrl+F5强制刷新页面，或手动清除浏览器缓存后重试。
• 排查自定义样式冲突：通过浏览器开发者工具检查分页控件的DOM元素，查看是否有自定义CSS设置了display: none或导致布局错位的样式，针对性调整。
• 验证依赖兼容性：确认项目中的jQuery等依赖库版本与升级后的Kendo UI兼容，版本不匹配可能导致控件渲染失败。

内容的提问来源于stack exchange，提问作者Abhishek Sharma