Как мы можем отобразить пункты меню в верхней

Question

Я определил окно кендо в следующей скрипке. Как мы можем отобразить пункты меню кендо в верхней части.

скриптовая ссылка: http://jsfiddle.net/Naidu526/gX2tM/

Как я могу отобразить меню сверху.

Я написал код как:

Html:

 <div id="myGrid"></div>

Js:

 var data = [ {name:"Sri"},{name:"balu"}];


   var pendingrequestsdts = new kendo.data.DataSource({
                           data: data
                    });

                    // defined the kendo grid
                    $("#myGrid").kendoGrid({
                        dataSource: pendingrequestsdts,
                        reorderable: true,
                        sortable: true,                         
                        resizable: true,
                        selectable: true,                      

                        columns: [
                            { field: "name", title: "Name", width: "100px" },

                             {
                                 field: "", title: "", template:
                                 '<ul class="menu2" style="width:78px;"><li>Select<ul><li id="Accept" ><a >Accept</a></li><li id="Reject"><a>Reject</a></li><li id="Ignore"><a>Ignore</a></li></ul></li></ul>',width:100
                             },
                        ],

                        dataBound: function (e) {


                            //Initialization of kendo menu 
                            $(".menu2").kendoMenu({                                 

                            });
                        },
                            editable:false
                    });

Answer 1

Используйте следующий код CSS для решения проблемы

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

Спасибо

Answer 2

Нет действительно хорошего способа сделать это. Это немного ограничивает CSS в способе размещения элементов. Таблица использует div вокруг него, чтобы обеспечить вертикальную прокрутку (overflow: scroll;), и раскрывающийся список меню находится внутри этой оболочки, поэтому, когда он открыт, он будет обрезан в нижней части таблицы. Плюс отдельные ячейки таблицы установлены на overflow:hidden; Кендо.

Если у вас есть выпадающий список из 3 элементов, вы можете вместо этого использовать виджет Kendo DropDown. Если я правильно помню, он добавляет свое содержимое в конец документа вместо встроенного в ячейку таблицы, поэтому сможет показывать себя за границами таблицы.