显示屏上悬停事件的UI网格

Question

我下面用http://ui-grid.info/：

<div ncy-breadcrumb class="title-shadow"></div> 
    {{ getDeviceTree }} 

<div> 
    <div ui-grid="gridOptions" ui-grid-resize-columns ui-grid-selection></div> 
</div> 

，我的目标是有http://plnkr.co/edit/gKqt8JEo2FukS3URRLJ5?p=preview

谢谢很多提示和/或推荐与UI网格组件不同的区域。

Answer 1

幸运的是，ui-grid提供了用于配置这些选项的GridOptions。我能找到的最接近的就是这个。

在app.js

myApp.config(function($provide){ 
     $provide.decorator('GridOptions',function($delegate){ 
     var gridOptions; 
     gridOptions = angular.copy($delegate); 
     gridOptions.initialize = function(options) { 
      var initOptions; 
      initOptions = $delegate.initialize(options); 
      initOptions.rowTemplate = '<div ng-click="grid.appScope.fnOne(row)" ng-repeat="col in colContainer.renderedColumns track by col.colDef.name" class="ui-grid-cell mouseover" ui-grid-cell></div>'; 
      return initOptions; 
     }; 
     return gridOptions; 
     }); 
    }); 

，然后在你的CSS

.mouseover :hover 
{ 
    background: red; 
}