html表偏移;最有可能是因为* ngFor

Question

我正在尝试正确对齐html表但它已经关闭了。我所面临的挑战是关于内部循环（修改），它是修订版内的一个列表（换句话说，版本＆＃39;有一个修改列表。

虽然屏幕上的结果是正确的，但表格完全关闭。我推测问题出在2 * ngFor循环中。任何指针？

        <table class="table table-striped">
        <thead>
        <tr>
            <th>Revision No</th>
            <th>Date</th>
            <th>Username</th>
            <th>Field</th>             
            <th>Old Value</th>
        <th>New Value</th>  
        </tr>
        </thead>
        <tbody>
            <tr>
            <div *ngFor="let r of revisions">
                <div *ngFor="let m of r.modifications">                 

                    <td>{{r.revision}}</a></td>                 
                    <td>{{r.date}}</td>
                    <td>{{r.username}}</td>                                     
                    <td>{{m.forItem}}<td>
                    <td>{{m.oldInfo}}<td>
                    <td>{{m.newInfo}}</td>                  
                </div>                                          
            </div>
            </tr>
        </tbody>
    </table>

Answer 1

你的tr和td之间什么都没有。把第一个ngfor放在你的tr周围。然后将第二个ngfor放在tr

上

Answer 2

你不能在表格中的那个位置<div>

使用

<ng-container *ngFor="let r of revisions">

而不是

<div *ngFor="let r of revisions">