Angularjs highlighting columns ng-table

Angularjs highlighting columns ng-table

本文关键字:ng-table columns highlighting Angularjs      更新时间:2023-09-26

我想弄清楚如何使用ng-table指令在Angular中突出显示列。虽然我对这个指令的理解是,在目前的设置中,它不能实现我想要做的事情,所以我将不得不自己修改它。

我想知道是否有人有任何成功的获得表列突出与角排序和ng-repeat工作,它不一定要用ng-table完成,但任何例子都会非常感激。

    在表定义中,添加表悬停类,例如:

& lt;table ng-table="myTable" class="table -hover -striped -condensed -table - borderdered ">

  • 自定义app.css的颜色

    。Table-hover> tbody> tr:hover {background - color: #达达达;}

  • 给你的表一个自定义类:

     <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为高亮显示的颜色