html - 使用 ng-repeat 的 tr 之后的 md-divider

Question

我想在我的每个表格行下添加 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.

注意:我也试过只使用边框，但它甚至没有出现。

Answer 1

你可以通过给 <td> 添加边框来用 css 来实现它而不是 <tr>

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

css border doesn't works in <tr> but you can apply it on <td> because both <td> in <tr> will have the same height so it will not create any problem.