html - 有没有办法强制行跨度做我想做的事？

Question

我正在创建一个表格，其中包含未来 6 个月的标题和一些专业人物，每个专业人物都有 0 名或更多员工，并且对于 6 个月中的每个员工，我都有一个输入框。由于我从数据库收到的数据格式，我必须这样编写代码：

 <form  #login (ngSubmit)="onSubmit()" novalidate>

    <table class="table table-striped table-bordered">
        <thead>
            <tr>
                <th style="width: 15%;">Figura professionale</th>
                <th style="width: 15%;">Dipendente</th>
                <th style="width: 10%;">{{mesi[0]}}</th>
                <th style="width: 10%;">{{mesi[1]}}</th>
                <th style="width: 10%;">{{mesi[2]}}</th>
                <th style="width: 10%;">{{mesi[3]}}</th>
                <th style="width: 10%;">{{mesi[4]}}</th>
                <th style="width: 10%;">{{mesi[5]}}</th>
        </thead>
    </table>
    <table class="table table-striped table-bordered">
        <tbody>
            <tr *ngFor="let row of FigProfs;  let i = index"> 
                <td style="width: 15%;"><p class="fp">{{row.nome}}</p></td>
                <!---->
                <td>
                    <tr *ngFor="let innerrow of Dips[i];  let k = index" >
                        <td style="width: 15%;"><p class="dip">{{innerrow.nome}} {{innerrow.cognome}}</p></td>
                        <td *ngFor="let column of mesi; let j = index" style="width: 10%;">  
                            <div class="form-row" > <input  id="gd{{row.id}}_{{column}}_{{innerrow.id}}" name = "gd{{row.id}}_{{column}}_{{innerrow.id}}" type="number" ng-init="get(row.id,column,innerrow.id)" [ngModel]="get(i,k,j)" (ngModelChange)="set(row.id,i,k,innerrow.id,j,$event)" style="width: 40px;"> 
                                <p class="dip"> / {{matrixEsistGiorniMax[i][k][j]}}  </p> <p>      </p>   <p class="fp">/ {{this.matrixfp[i][j].giornidisp}}</p>
                            </div>
                        </td>
                        <!---->
                    </tr>
                    
                </td>
               <!---->
            </tr>
        </tbody>
    </table>

在这里，我粘贴了一个屏幕，显示了我现在拥有的内容：[！[在此处输入图像描述][1]][1] 如您所见，我在每个单元格中都有一个输入和两个数字...但是有两个主要问题这段代码：1-我不能设置表格的格式而不会破坏表格的格式（所以你可以在代码中看到我制作了两个表格，一个带有标题，一个带有表格的内容，比我调整的css的宽度，结果与我需要的相似）

2-您在代码“{{this.matrixfp[i][j].giornidisp}}”中看到了吗？它是屏幕中的“num2”，我想把它放在每个专业人物每月右边的一个单元格中，在这里我放另一个屏幕来解释我需要什么：[！[在此处输入图像描述][2] ][2]

那么如何修复此表以添加该列？（请注意，由于代码行跨度无法工作）感谢您的帮助 [1]：https://i.stack.imgur.com/cRpke。 png [2]：https ://i.stack.imgur.com/99HQe.png

标签： htmlcssangulartwitter-bootstrap