Kendo Grid不會與Bootstrap下拉菜單或工具提示配合使用

我正嘗試使用Kendo網格內的某些Bootstrap元素，例如Bootstrap下拉按鈕和工具提示。Kendo Grid不會與Bootstrap下拉菜單或工具提示配合使用

問題是下拉或工具提示始終位於下方或上方的行下方。我試着調整顯示元素的z-index，但這不能解決它。

有沒有人設法找到這個解決方案？

2013-01-11 Mat

給我們的代碼或它並沒有發生。你可以使用http://jsbin.com –

我不認爲代碼是必要的，但這裏是一個關於jsFiddle的演示，它顯示了這個問題：[link]（http://jsfiddle.net/matbeard/gg7Yy/1/ ） – Mat

.btn-group類是下拉菜單的容器，因此改變下拉菜單類的z-index不會有什麼好處。你可以絕對定位，然後從那裏調整定位。像這樣的東西應該讓你開始：

.k-grid-content .btn-group { 
    position: absolute; 
} 

.k-grid-content .btn-group .btn { 
    top: -10px; 
}

Link到的jsfiddle演示它的行動。

來源

2013-01-12 07:29:07

太好了。謝謝。我想我也可以用它來解決與工具提示問題。 – Mat

嗯...看起來我有點過早，以標記爲已解決。對於除最後兩行之外的所有行都適用 - 除非您向下滾動表格，否則不會顯示。大多數用戶會錯過。 – Mat

您可以嘗試將按鈕菜單定位到按鈕的側面或靠近按鈕來修復該按鈕。 –

問題在於如何將網格內容永久設置爲overflow-y: scroll它並不真正需要（除非您的虛擬化功能是固定的高度）。

通過更改網格內容的CSS來刪除滾動條，設置overflow: visible並添加額外的填充以說明丟失的滾動條，它現在可以工作。

我更新了jsFiddle來演示。

感謝您的幫助。

來源

2013-01-18 08:55:17 Mat

謝謝，這正是我所需要的。 –

以供將來參考，如果你有可能包含會溢出到其他列上述修正數據等網格單元，可以將類設置爲自定義網行動柱像這樣：

columns: [ 
    { 
    field: "Actions", 
    title: " ", 
    filterable: false, 
    attributes: {"class": "actions-column"}, 
    template: <your action button template or template link here> 
    } 
]

然後在造型的頁面添加如下CSS：

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

編輯：小CSS選擇器改變

來源

2015-01-28 13:29:19 mimir137

Kendo Grid不會與Bootstrap下拉菜單或工具提示配合使用

回答

相關問題