Kendo Grid選定行與懸停/鼠標懸停行

Question

我們使用Kendo Grid進行數據輸入，似乎有兩個不同的行選擇器，我們只能打開/關閉其中一個。 所選行（請參見下面的＃1黑色箭頭）可以通過“ selectable：false”關閉。 但是，當我們將鼠標懸停在另一行（請參見下面的紅色箭頭）時，會出現另一個行選擇器（請參見下面的＃2紅色箭頭）。 我們如何打開/關閉第二行選擇器？

配置如下：

let grid = $("#grid").kendoGrid({
    dataSource: {
        data: rows,
    },
    edit: gridCellEdit,
    editable: {
        createAt: 'bottom'
    },
    filterable: true,
    sortable: true,
    navigatable: true,
    resizable: true,
    reorderable: true,
    scrollable: { virtual: true },
    selectable: "row",
    columns: gridColumns,
    dataBound: monitorKeyboard
});

Answer 1

您可以使用以下內容

.k-grid > table > tbody > tr:hover,
.k-grid-content > table > tbody > tr:hover
{
     background: inherit !important;
}

這是一個工作演示

希望對你有幫助