Как я могу увеличить ширину меню фильтров в меню столбцов в Kendo Grid?

Я знаю о возможностях использования 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>


kendo-grid kendo-ui kendo-menu
person eustatos    schedule 13.11.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Что-то вроде этого?

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

Пример: ширина меню фильтра

person dev_in_progress    schedule 13.11.2020
comment
Спасибо за помощь. Хотелось бы более гибкого решения. С возможностью определения ширины в зависимости от столбца. Но и это было очень полезно. - person eustatos; 13.11.2020