Kendo 网格选定行与 Hover/Mouseover 行

Question

我们正在使用 Kendo 网格进行数据输入，似乎有两个不同的行选择器，我们只能打开其中一个 on/off。可以使用 "selectable: false" 关闭所选行（参见下面的 #1 黑色箭头）。但是，当我们将鼠标悬停（即悬停）到不同的行时（请参见下面的红色箭头），会出现另一个行选择器（请参见下面的#2 红色箭头）。我们怎样才能把第二行选择器on/off?

配置如下：

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

这里是工作 demo

希望对您有所帮助

Kendo 网格选定行与 Hover/Mouseover 行

Kendo Grid Selected Row vs. Hover/Mouseover Row

jquery

data-entry

kendo-grid