search

daniel-nagy / md-data-table

Material Design Data Table for Angular Material
MIT License
1.9k stars 519 forks source link

Highlight the row which the mouse is hovering at #357

Open hopeng opened 8 years ago

hopeng commented 8 years ago

Hi I don't seem to see this option. The row is highlighted on hover when table is enabled for selection. But I want this behavior for non selectable table as well, it's very useful when looking at wide tables. Is it possible? Thanks

ducaale commented 8 years ago

you can add this to your css tbody > .md-row:hover { background-color: #EEEEEE; }

hopeng commented 8 years ago

Thanks! it works perfectly

garretwilson commented 7 years ago

Yeah, this was stumping me as well. Yes, the provided solution works perfectly. But if it's so simple, couldn't we have a directive such as md-row-hover to add to the table so that it does this automatically? Or better yet... why doesn't it just do it automatically anyway? Just curious --- it's not a huge thing.

shennero commented 7 years ago

Is there a way to suppress the row highlight on mouse hover even when row selection is turned on?