Question

大家好我在我的角度应用程序中有这个表。您可以订购三种类型的早餐，午餐和晚餐。所以我使用3的colspan，但如果用户只订购2次食物，我怎么能添加最后一个td？

提前致谢并抱歉德国代码。

<div class="row">

    <div class="col-md-8">
      <table class="table">
        <thead>
        <tr>
          <th>Vorname</th>
          <th>Nachname</th>
          <th>Geburtsdatum</th>
          <th>Geschlecht</th>
          <th>Ermäßigt</th>
          <th colspan="3">Food</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="teil in ctrl.teilnehmerList">
          <td>{{teil.vorname}}</td>
          <td>{{teil.nachname}}</td>
          <td>{{teil.gebDate | date: 'dd.MM.yyyy'}}</td>
          <td>
            <i ng-show="teil.gender == 'w'" class="fa fa-female"></i>
            <i ng-show="teil.gender == 'm'" class="fa fa-male"></i>
          </td>
          <td ng-repeat="essen in teil.einnahmen">
            <i ng-show="essen.typ !='erm' | essen.typ !='norm'" class="fa fa-check"></i>
          </td>
          <td>
            <button class="btn btn-danger" ng-click="ctrl.removeTeil(teil)"><span
              class="glyphicon  glyphicon-remove "></span></button>
          </td>
        </tr>

        </tbody>
      </table>
     </div>
    </div>

Answer 1

您可以使用整张桌子作为食物。然后，您根本不必担心colspan。

当迭代到低时，bg-repeat创建td

1 个答案: