Question

这是上一个问题的后续内容。我能够动态生成行/列，但是现在我希望在开头和结尾添加一列。第一列试图仅将10,20 ... 100作为标题显示，而最后一列则希望获得整个行的总和。虽然第一列显示的间距不正确，但最后一列根本没有显示。

{ 
    "data": {
      "field1": 2809,
      "field2": {
        "10": [1, 2, 3, 4, 3, 0, 0, 0, 0],
        "20": [2, 3, 4, 5, 6, 7, 8, 9, 0],
        ....
        "100": [2, 3, 4, 5, 6, 7, 8, 9, 0]
}

这是我希望在表的最后显示输入字段，而不是字段1-9的标签。 Field0和Field10应该是只读的。

Field0 Field1 Field2 Field3 Field4 Field5 Field6 Field7 Field8 Field9 Field10
-----------------------------------------------------------------------------
10     1       2      3      4      3      0      0     0      0         13
20     2       3      4      5      6      7      8     9      0         44
...
100    2       3      4      5      6      7      8     9      0         44  
-----------------------------------------------------------------------------
Total  9       10     15     24     32     78     67    56     4         543

这是我到目前为止所拥有的。

<tr ng-repeat="(row,col) in tabData.data.field2 track by $index">
<td><label >{{row}}</label></td>
<td ng-repeat="field in col track by $index" style="margin: 8px 8px 8px 8px; padding: 8px 8px 8px 8px;">
    <div style='text-align:right;'>
        <input ng-model="tabData.data.field2[row][$index]" style='text-align:right;' value = '{{ field }}' size = "2" maxlength ="3" ></input>
            </div>
 </td>
 </tr>

更新：我可能已经想出了需要从ng-repeat中导出td的一部分，以进行我想做的事情。更新了代码。我现在还希望获得行和列的总计，以及所有总计。

现在尝试计算出总和是否可以动态计算。

AngularJS将固定的列添加到动态表

0 个答案: