javascript - Angularjsハイライト列ng-table

Question

Angularの ng-tableディレクティブを使用して列を強調表示する方法を見つけようとしています。このディレクティブについての私の理解では、現在のセットアップでは、私が探していることを達成できないため、自分で変更する必要があります。

テーブルの列の強調表示を角度ソートと ng-repeat で機能させることに成功した人がいるかどうかを知りたいのですが、必ずしも ng-table で行う必要はありませんが、例を教えていただければ幸いです。

Answer 1

テーブルにカスタム クラスを指定します。

 <table ng-table="usersTable" class="table my-custom-table-class">
     <tr ng-repeat="user in $data">
         <td data-title="'Name'" sortable="'name'">{{user.name}}</td>
     </tr>
 </table>

次に、CSS に以下を追加します。

.my-custom-table-class tbody tr:hover {
  background-color: #dddddd; 
}

ハイライトの#dddddd色です。