fix(row): add a rowHover event emitter to the ng2-smart-table component

akveo · Mar 29, 2017 · 68b73ee · 68b73ee
1 parent 653bb34
commit 68b73ee
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 4 deletions.
diff --git a/src/ng2-smart-table/components/tbody/tbody.component.html b/src/ng2-smart-table/components/tbody/tbody.component.html
@@ -1,4 +1,4 @@
-<tr *ngFor="let row of grid.getRows()" (click)="userSelectRow.emit(row)" (mouseover)="mouseover.emit(row)" class="ng2-smart-row" [ngClass]="{selected: row.isSelected}">
+<tr *ngFor="let row of grid.getRows()" (click)="userSelectRow.emit(row)" (mouseover)="rowHover.emit(row)" class="ng2-smart-row" [ngClass]="{selected: row.isSelected}">
   <td *ngIf="grid.isMultiSelectVisible()" class="ng2-smart-actions ng2-smart-action-multiple-select" (click)="multipleSelectRow.emit(row)">
     <input type="checkbox" class="form-control" [ngModel]="row.isSelected">
   </td>
@@ -49,4 +49,4 @@
   <td [attr.colspan]="grid.getColumns().length + (grid.getSetting('actions.add') || grid.getSetting('actions.edit') || grid.getSetting('actions.delete'))">
     {{ grid.getSetting('noDataMessage') }}
   </td>
-</tr>
+</tr>
diff --git a/src/ng2-smart-table/components/tbody/tbody.component.ts b/src/ng2-smart-table/components/tbody/tbody.component.ts
@@ -22,5 +22,5 @@ export class Ng2SmartTableTbodyComponent {
   @Output() userSelectRow = new EventEmitter<any>();
   @Output() editRowSelect = new EventEmitter<any>();
   @Output() multipleSelectRow = new EventEmitter<any>();
-  @Output() mouseover = new EventEmitter<any>();
+  @Output() rowHover = new EventEmitter<any>();
 }
diff --git a/src/ng2-smart-table/ng2-smart-table.component.html b/src/ng2-smart-table/ng2-smart-table.component.html
@@ -19,7 +19,8 @@
                       (delete)="delete.emit($event)"
                       (userSelectRow)="onUserSelectRow($event)"
                       (editRowSelect)="editRowSelect($event)"
-                      (multipleSelectRow)="multipleSelectRow($event)">
+                      (multipleSelectRow)="multipleSelectRow($event)"
+                      (rowHover)="onRowHover($event)">
   </tbody>
 
 </table>

diff --git a/src/ng2-smart-table/ng2-smart-table.component.ts b/src/ng2-smart-table/ng2-smart-table.component.ts
@@ -24,6 +24,7 @@ export class Ng2SmartTableComponent implements OnChanges {
   @Output() deleteConfirm = new EventEmitter<any>();
   @Output() editConfirm = new EventEmitter<any>();
   @Output() createConfirm = new EventEmitter<any>();
+  @Output() rowHover: EventEmitter<any> = new EventEmitter<any>();
 
   grid: Grid;
   defaultSettings: Object = {
@@ -103,6 +104,10 @@ export class Ng2SmartTableComponent implements OnChanges {
     }
   }
 
+  onRowHover(row: Row) {
+      this.rowHover.emit(row);
+  }
+
   multipleSelectRow(row: Row) {
     this.grid.multipleSelectRow(row);
     this.emitUserSelectRow(row);