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

【问题标题】：md-divider after a tr using ng-repeat使用 ng-repeat 的 tr 后的 md-divider
【发布时间】：2016-06-01 20:50:37
【问题描述】：

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

注意：我也试过只使用边框，它甚至没有显示出来。

【问题讨论】：

【解决方案1】：

你可以通过给<td>而不是<tr>提供边框来实现它

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

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

【讨论】：