Angularjs подсветка столбцов ng-table

Я пытаюсь понять, как выделить столбец с помощью директивы ng-table для Angular. Хотя я понимаю эту директиву так, что в текущей настройке она не способна достичь того, что я хочу сделать, поэтому мне придется изменить ее самостоятельно.

Я хотел бы знать, добился ли кто-нибудь успеха в том, чтобы подсветка столбцов таблицы работала с угловой сортировкой и ng-repeat, это не обязательно нужно делать с ng-table, но любой пример был бы очень признателен.


javascript html angularjs ngtable
person Anks    schedule 09.06.2014    source источник
comment
Проверьте второй ответ, если все, что вам нужно, это стиль наведения. stackoverflow.com/questions/1553571/html-hover-table-column< /а>   -  person Christopher Marshall    schedule 10.06.2014
comment
Если вы относитесь к типу ng-repeat, вы можете использовать ng-class="{ highlighted: $index == 1 }", чтобы добавить к элементу класс highlighted. Примером в CSS может быть .highlighted{background:red}.   -  person Morgan Delaney    schedule 10.06.2014

Ответы (2)


arrow_upward
0
arrow_downward

  1. В определении таблицы добавьте класс table-hover, например:

‹ table ng-table="myTable" class="table table-hover table-stripe table-condensed table-bordered" >

  1. Настроить цвет в app.css

    .table-hover > tbody > tr: hover {цвет фона: #dadada; }

person Vladan Macanovic    schedule 03.07.2017

arrow_upward
-1
arrow_downward

Дайте вашей таблице собственный класс:

 <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 — это цвет выделения.

person Danpe    schedule 27.05.2015
comment
Я думаю, он спросил, как выделить весь столбец, а не строку. Это должен быть способ Javascript, потому что селектор не может выбрать столбец. Я прав? - person Chong Tang; 23.07.2015