如何增加 Kendo 网格中列菜单中过滤器菜单的宽度？

Question

我知道使用 filterMenuInit 的可能性。但是当我使用 columnMenu.

时这个事件没有被触发

我尝试使用 columnMenuOpen 并更改 .k-animation-container 中元素的样式，但不幸的是没有成功。

有人可以帮我吗？

$("#grid").kendoGrid({
  columns: [{
      field: "id"
    },
    {
      field: "name"
    },
    {
      field: "phone"
    }
  ],
  dataSource: [{
      name: "Jane Doe",
      id: 1,
      phone: "88443558741"
    },
    {
      name: "John Doe",
      id: 2,
      phone: "88443558751"
    }
  ],
  filterable: true,
  columnMenu: true,
});

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.3.1021/styles/kendo.default-v2.min.css" />
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.3.1021/js/kendo.all.min.js"></script>
<div id="grid"></div>

Answer 1

是这样的吗？

.k-filter-menu-container {
     width: 200px;
}

示例：filter menu width

如何增加 Kendo 网格中列菜单中过滤器菜单的宽度？

How I can increase the width of the filter menu in the column menu in Kendo Grid?

kendo-ui

kendo-grid

kendo-menu