Kendo grid 如何防止剑道网格列的大小调整到指定宽度以下?
当我调整窗口大小时,所有列都变小了。这不是我想要的行为,因为一些列的大小已经达到我希望它们从一开始就达到的大小,并且我希望它们保持在起始宽度,而较大的列则缩小 我尝试使用columnResize事件来防止列缩小到某个大小以下,但是似乎只有当用户手动调整列的大小时,才会触发此事件,而当窗口调整大小时,不会触发此事件 调整窗口大小时,如何防止列缩小到特定大小以下Kendo grid 如何防止剑道网格列的大小调整到指定宽度以下?,kendo-grid,Kendo Grid,当我调整窗口大小时,所有列都变小了。这不是我想要的行为,因为一些列的大小已经达到我希望它们从一开始就达到的大小,并且我希望它们保持在起始宽度,而较大的列则缩小 我尝试使用columnResize事件来防止列缩小到某个大小以下,但是似乎只有当用户手动调整列的大小时,才会触发此事件,而当窗口调整大小时,不会触发此事件 调整窗口大小时,如何防止列缩小到特定大小以下 (我使用的是javascript版本的网格。)在列定义列中在网格配置中,可以设置属性宽度。这将强制调整此列的大小,并防止在调整窗口大小期间
(我使用的是javascript版本的网格。)在列定义
列中在网格配置中,可以设置属性宽度。这将强制调整此列的大小,并防止在调整窗口大小期间自动调整大小
若不设置此选项,则列将动态适应空间
{
field: "ColumnName",
title: "Column",
width: 120
}
请在下面找到解决方案
<script>
$("#grid").kendoGrid({
columns: [
{ field: "name" },
{ field: "age" }
],
dataSource: [
{ name: "Jane Doe", age: 30 },
{ name: "John Doe", age: 33 }
],
resizable: true,
columnResize: function(e) {
$("#grid colgroup col").each(function () {
if ($(this).width() < 50) {
$(this).css("width", "50px");
}
})
}
});
</script>
$(“#网格”).kendoGrid({
栏目:[
{字段:“名称”},
{字段:“年龄”}
],
数据源:[
{姓名:“Jane Doe”,年龄:30},
{姓名:“约翰·多伊”,年龄:33}
],
可调整大小:正确,
columnResize:函数(e){
$(“#网格列组列”)。每个(函数(){
如果($(this).width()<50){
$(this.css(“宽度”,“50px”);
}
})
}
});
请查找工作演示的详细信息
另一种方法是提到的谢谢suvroc,但我想你一定弄错了,因为我已经指定了宽度,当我调整窗口大小时,它确实会调整列的大小。实际上,我试着去掉宽度,看看会发生什么,当我这样做的时候,网格会变得非常混乱,所以我必须指定它们。我想我的问题可能与我在专栏中使用的模板有关。。。不过我需要做更多的调查才能找到答案。没有你的代码到列的配置,这就是我能帮助你的全部。我知道。。。我计划一有机会回到这个问题上来,就用更多的信息编辑我的帖子:)谢谢。但这很奇怪,因为即使没有columnResize函数,您的示例也会按照我希望的方式工作。但是,即使使用columnResize函数,我的仍然允许列变得太小。在我的代码中,columnResize仅在用户调整列的大小时触发,而在调整窗口的大小时不触发。也许这是一个比我使用的更新版本的控件。。。我得找出区别。