Question

当我调整窗口大小时，所有列都会变小。这不是我想要的行为，因为有些列的大小已经很小，我希望它们从头开始，我希望它们保持在它们的起始宽度，而较大的列会缩小。

我尝试使用columnResize事件来防止列缩小到一定大小以下，但是此事件似乎仅适用于用户手动调整列大小并且在调整窗口大小时不会触发的情况。 / p>

如何在调整窗口大小时阻止列缩小到一定大小以下？

（我正在使用网格的javascript版本。）

Answer 1

在columns配置中的列定义Grid中，您可以设置属性width。此列的此力大小，并在窗口调整大小期间阻止自动调整大小。

如果您未设置此选项，则列会动态适应空间。

{
    field: "ColumnName",
    title: "Column",
    width: 120
}

Answer 2

请找到以下解决方案

 <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>

请查看Fiddle了解正常工作

另一种方法是提到here

如何防止kendo网格列调整到指定宽度以下？

2 个答案: