html - CSS:没有边框的表格和TD

Question

在这里使用 angularjs 和 bootstrap 3。

我正在尝试在用户单击按钮时创建动态行。我已将其包裹在一个表中并使用 ng-repeat。

当添加第二行时，它会创建一个黑白分隔。

下面是我的代码:

<table class="table table-borderless">
    <thead>
      <tr>
        <td>Text</td>
        <td>Value</td>
      </tr>
    </thead>
    <tbody ng-repeat="m in options">

      <tr>
        <td>{{m.Name}}</td>
        <td>{{m.Country}}</td>
        <td>
          <a class="btn btn-xs" ng-click="Remove($index)"><i class="glyphicon glyphicon-trash"></i></a>
        </td>
      </tr>
    </tbody>
    <tfoot>
      <tr>
        <td>
          <input type="text" class="form-control" ng-model="Name" required />
        </td>
        <td>
          <input type="text" class="form-control" ng-model="Country" required />
        </td>
        <td>
          <a class="btn btn-xs" ng-click="Add()"><i class="glyphicon glyphicon-plus"></i></a>
        </td>
      </tr>
    </tfoot>
  </table>

我还在以下位置创建了一个演示: http://jsfiddle.net/Lyxbhosv/

关于如何删除两个 TD 之间的线或边界的任何输入

Answer 1

我不完全确定你在问什么，但通过你的例子，每当添加另一行时都会出现双边框。要删除双边框并保持单个边框，只需使用以下代码修改您的代码:

<tbody ng-repeat="m in options" style="border: none;">

如果你能进一步解释那就太好了!