2016-03-02 89 views
1

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

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

您可以使用以下

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

这里工作demo

希望这将有助于