使用ng-repeat后tr的md-divider

Question

我希望md-divider在每个表行下面加下划线。特别是因为md-divider有很好的ng = if＆＃34;！$ last＆＃34;。但似乎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>而不是<tr>提供边框来实现css。

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

  

css边框在<tr>中不起作用，但您可以在<td>上应用它，因为<td>中的<tr>将具有相同的高度，因此它不会创建任何问题