Internal "selected" style for a row overrides possible customer styles, forcing them to use !important

[uap-universe]

Here

angular2-smart-table/projects/angular2-smart-table/src/lib/components/tbody/tbody.component.html

Line 2 in 51d46a5

<tr (click)="userSelectRow.emit(row)" (mouseover)="rowHover.emit(row)" class="angular2-smart-row" [className]="rowClassFunction(row)" [ngClass]="{selected: row.isSelected}">

and here

angular2-smart-table/projects/angular2-smart-table/src/lib/components/tbody/tbody.component.scss

Line 4 in 51d46a5

background: rgba(0, 0, 0, 0.05);

a style for selected rows is applied.

But this is conflicting with a possible user defined style (provided by the configured row class), forcing them to always use !important in their row class.

[uap-universe]

Relates to #98

It is probably impossible to fix this without a complete redesign on how things in the smart table are supposed to be styled.

This is due to the nature of CSS and how it works. Nothing we can do right now.