html - 如何在双打中重复表格标题？

Question

我希望表头在双打中重复使用 ng-repeat，如下所示：

ab | ab |

不是aa | bb。

我现在正在做的方式只是打印 ab |

<table class="table table-striped table-bordered">
            <thead>
                <tr>
                    <span ng-repeat="averageDefinitionFormula in averageDefinitionFormulas">
                        <th>
                            <label translate>Average</label>
                        </th>
                        <th>
                            <label translate>Examining Board Average</label>
                        </th>
                    </span>
                </tr>

            </thead>
            <tbody> etc...

...

标签： htmlangularjs

Answer 1

我通过在 td 中放置两个 div 并使用引导列来调整布局来解决我的问题。

  <thead>
            <tr>
                <th colspan="2" ng-repeat="averageDefinitionFormula in averageDefinitionFormulas">
                    <div class="col-sm-6"> <label translate>Average</label> </div>
                    <div class="col-sm-6"> <label translate>Examining Board Average </label> </div>
                </th>
            </tr>
        </thead>