css - Ember js 表格视图

Question

我为我的大学开发Ember js项目，我正在使用 ember paper我需要显示Image 01类型列表，我试着把它，我不知道该怎么做，请帮我修复它，你可以在我的图像中理解这一点

我需要这样

图片 01

我目前的看法

我的代码部分

  <div class="widget-content">
            <div id="exTab1" class="container">
              <div class="tab-content clearfix">
                <div class="tab-pane active" id="1a">
                  <div class="alt-table-responsive">
                      <table class="table">

                        <tbody>
                        {{#each-in filteredAlerts as |key value|}}
                          <tr>
                                                      <td class="text-center">
                            {{value.S}}
                                                      </td>
                            <td class="text-center">


                              {{value.D}}
                            </td>


                            <td class="text-center">
                              {{value.AS}}
                            </td>
                            <td class="text-center">
                              <p>< {{value.AP}}</p>
                            </td>
                            <td class="text-center">
                              <a {{action "toggleModal" value.E value.S value.AID}} class="btn btn-mini btn-success"
                                                                                                     role="button" disabled={{value.isOld}}>
                                Add
                              </a>
                            </td>
                          </tr>
                        {{/each-in}}
                        </tbody>





                      </table>
                  </div>
                </div>
                <div class="tab-pane" id="2a"></div>
                <div class="tab-pane" id="3a"></div>
              </div>
            </div>
          </div>

Answer 1

您可以根据需要使用这个新表格Image 01，我制作了新格式的新表格。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<table class="table table-bordered">
<tr>
<td>Intel Core<br />2017-07-15-15-09:21</td>
<td>New One<br />1003</td>
<td><a href="#" class="btn btn-success">Add</a></td>
</tr>
</table>