带有Kendo菜单模板的Kendo Grid列

Question

我有一个包含以下列的kendo网格：

var columns = [
    {title: "row", template: "#= gridRowCounter++ #"},
    {field: "FName", title: "Name"},
    {field: "LName", title: "Family"},
    {title: "Actions", template: 
            '<ul id="menu#=gridRowCounter-1#" >'+  
                '<li>Action<ul>'+  
                    '<li><span class="k-link" onclick="edit()">Edit</span></li>'+  
                    '<li><span class="k-link" onclick="delete()">Delete</span></li>'+  
                '</ul></li>'+  
            '</ul>'}
    ];  

---

我首先生成并初始化网格：

$("#grid").kendoGrid({
    dataSource : myDS,
    columns : columns,
    change: function() {
        var menus = $("ul[id*='menu']");
        for(var i = 0; i < menus.length; i++){  
            $(menus[i]).kendoMenu({
                direction: "right",
                animation: { open: { effects: "slideIn:right" } }
            });
        }
    }
});  

然后通过选择一行来初始化菜单。
它可以正常工作，并且菜单已创建，但是子菜单在网格边界下打开并且没有出现。
我希望您能帮助我使菜单成为所有元素的顶部。
谢谢。

Answer 1

网格表单元格默认情况下具有“溢出：隐藏”样式。 您可以使用

.k-grid tr td
{
     overflow:visible;
}