javascript - Angularjs突出显示列ng-table

Question

我试图弄清楚如何使用ng-table指令突出显示 Angular 的列。虽然我对这个指令的理解是，在当前设置中它无法实现我想要做的事情，所以我必须自己修改它。

我想知道是否有人在使用角度排序和 ng-repeat 使表格列突出显示方面取得了任何成功，不一定必须使用 ng-table 完成，但任何示例都将不胜感激。

Answer 1

1. 在您的表定义中，添加 table-hover 类，例如：

<table ng-table="myTable" class="table table-hover table-striped table-condensed table-bordered" >

2. 在 app.css 中自定义颜色

   .table-hover > tbody > tr:hover { background-color: #dadada; }

Answer 2

给你的表一个自定义类：

 <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是高光的颜色。