0

次のフィドルで剣道ウィンドウを定義しました。剣道のメニュー項目を一番上に表示するにはどうすればよいでしょうか。

フィドルのリンク: http://jsfiddle.net/Naidu526/gX2tM/

メニューを一番上に表示する方法を教えてください。

私は次のようなコードを書きました：

HTML:

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

J:

 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
                    });
4

2 に答える 2

0

それを行う良い方法は本当にありません。これは、要素のスタック方法に関する CSS の制限です。テーブルはその周りに div を使用して垂直スクロール ( overflow: scroll;) を提供し、メニューのドロップダウンはそのラッパー内にあるため、開いたときにテーブルの下部で切り取られます。さらに、個々のテーブル セルもoverflow:hidden;剣道によって設定されます。

3 つの項目のドロップダウンしかない場合は、代わりに Kendo DropDown ウィジェットを使用することをお勧めします。私の記憶が正しければ、表のセルにインラインではなく、ドキュメントの最後にその内容を追加するので、表の境界を越えて表示することができます。

于 2013-12-01T13:46:29.533 に答える
0

問題を解決するには、次の css コードを使用します

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

ありがとう

于 2016-07-18T09:23:59.707 に答える