如何将表头重复两次?

时间:2018-11-07 17:40:47

标签: html angularjs

我希望表头以ng-repeat的形式重复两次:

a b | a b |

不是aa | bb。

我现在的工作方式是打印b |

<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...

...

1 个答案:

答案 0 :(得分:0)

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

  <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>