Javascript 对齐剑道UI网格单元格中的弹出窗口

我试图为一个列放置一个模板，该列将有一个下拉式元素（注意，它不是下拉式元素。如果是这样，我会使用剑道下拉式元素）

列模板如下所示：

  template:function(rec) {
    var str = '<div style="background:red;position:relative;">'
        + rec.Country +
        '<div style="width:100%;position:absolute;top:10px;left:0px;z-index:9999;background-color:green;display:inline-block;">' +
        '<ul>' +
            '<li>Mexico</li>' +
            '<li>Germany</li>' +
            '<li>UK</li>' +
            '<li>Spain</li>' +
        '</ul>' +
        '</div>'
    '</div>';
    return str;
}

模板：函数（rec）{
var str=''
+记录国家+
'' +
“
”+
'墨西哥'+
“
德国
”+
“
英国
”+
“西班牙”+
“
”+
''
'';
返回str；
}

有两个

div

标记，第一个位于

relative

，子

div

位于父

div的
absolute
。
这里的问题是，尽管将
z-index
设置为某个最大值，但子
div
列表隐藏在剑道UI网格的
TD
标记中

但同样的代码在普通的html表中运行良好，问题只存在于剑道网格中

这是剑道网格示例和普通html表的示例。
我认为这是TD hide your div的溢出，如果添加溢出：剑道ui网格的TD可见问题是gone@machun是的，现在TD部分被解决了。但若最后一行的下拉列表被打开，那个就是隐藏的tbody/table。表格正在滚动，而不是在表格顶部显示弹出窗口。我认为这是TD hide your div的溢出，如果添加溢出：剑道ui网格的TD可见问题是gone@machun是的，现在TD部分被解决了。但若最后一行的下拉列表被打开，那个就是隐藏的tbody/table。表格正在滚动，而不是在表格顶部显示弹出窗口。我认为这是TD hide your div的溢出，如果添加溢出：剑道ui网格的TD可见问题是gone@machun是的，现在TD部分被解决了。但若最后一行的下拉列表被打开，那个就是隐藏的tbody/table。表格正在滚动，而不是在表格顶部显示弹出窗口。