Kendo Grid选择行与悬停/鼠标悬停行

时间:2016-03-02 21:32:54

标签: jquery kendo-grid data-entry

我们正在使用Kendo Grid进行数据输入,似乎有两个不同的行选择器,其中只有一个我们可以打开/关闭。可以使用" selectable:false"关闭所选行(请参阅下面的#1黑色箭头)。但是,当我们将鼠标悬停(即悬停在)不同的行(参见下面的红色箭头)时,会出现另一个行选择器(请参阅下面的#2红色箭头)。我们如何打开/关闭第二行选择器?

enter image description here

以下是配置:

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

1 个答案:

答案 0 :(得分:1)

您可以使用以下

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

这是一个有效的demo

希望它会有所帮助