帶有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;
}