md-делитель после tr с использованием ng-repeat

Question

md-делитель после tr с использованием ng-repeat

0

Я хотел бы, чтобы md-divider подчеркивал под каждой из моих строк таблицы. Тем более, что md-divider имеет приятный ng = if "! $ Last". Но похоже, что ng-repeat должен идти по элементу tr, поэтому разделитель не может идти после строки таблицы.

<tr ng-repeat="user in users" class="row">
    <td>{{user.firstName}}</td>
    <td>{{user.lastName}}</td>
</tr>
- I would want a divider here.

Примечание. Я также попытался использовать границу, и она даже не появляется.

CaptainOfTheSky 01 июнь 2016, в 14:46

Источник

Теги:

html

angularjs

css

angular-material

1 ответ

Ещё вопросы

Gaurav Aggarwal · Accepted Answer · 2016-06-01T11-02-00.000Z

Вы можете добиться этого с помощью css, указав границу <td> вместо <tr>

td{
  border-bottom:1px solid #000; // change color and size accordingly
}

css-граница не работает в <tr> но вы можете применить ее на <td> потому что обе <td> в <tr> будут иметь одинаковую высоту, поэтому она не создаст никаких проблем.