顯示屏上懸停事件的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; 
}