html - 样式生成的表格行

Question

我正在努力实现表格的外观。我不知道如何像这样隔开它。到目前为止，这是我的代码。我怎样才能做到这一点？

      <table class="table table-inverse" data-bind="foreach: todos">         
              <tr >
                  <td ><input type="checkbox" data-bind="checked: IsDone, click: $parent.updateTodo" /></td>
                  <td ><span data-bind="text: Description"></span></td>
                  <td ><small><a href="#" data-bind="click: $parent.deleteTodo" class="glyphicon glyphicon-trash"></a></small></td>
              </tr>     
      </table>

Answer 1

你可以检查下面的代码片段，如果你正在寻找向后兼容性，下面的代码可能会有用

.wrapper{padding:20px;background:blue;}
table tr td:last-child,table tr td:first-child{width:25px;}
table{width:100%;background:#fff;margin-bottom:5px}
table:last-child{margin-bottom:0;}

<div class="wrapper">
<table class="table table-inverse" data-bind="foreach: todos">
  <tr>
    <td>[#]</td>
    <td><span data-bind="text: Description">Hello</span></td>
    <td>[#]</td>
  </tr>
</table>
<table class="table table-inverse" data-bind="foreach: todos">
  <tr>
    <td>[#]</td>
    <td><span data-bind="text: Description">Hello</span></td>
    <td>[#]</td>
  </tr>
</table>
</div>