Javascript AngularJS/HTML表格格式

这有点像噩梦——我正试图只使用

ng repeat

和HTML显示

$http

数据表。到目前为止，我有：

<table border="1" style="width:100%" ng-repeat="data in boxData">
            <tr>
            <td>{{data.entity}}</td>
            <td>{{data.security.securityID}}</td>
            <td>{{data.security.identifiers[0].value}}</td>
            <td>{{data.security.identifiers[1].value}}</td>
            <td>{{data.security.identifiers[2].value}}</td>
            <td>{{data.depot}}</td>
            <td>{{data.date}}</td>
            <td>{{data.date}}</td>
            <td>{{data.primeBroker}}</td>
            <td>{{data.activity}}</td>
            <td>{{data.timestamp}}</td>
            <td>{{data.sequence}}</td>
            <td>{{data.activity}}</td>
            <td>{{data.balance[0].value}}</td>
            <td>{{data.balance[1].value}}</td>
            <td>{{data.balance[2].value}}</td>
            <td>{{data.balance[3].value}}</td>
            <td>{{data.balance[4].value}}</td>
            </tr>
            </table>

（我特意没有将其格式化，以便尽可能多地为您提供想法）如果您可以想象上述情况，但每个单元格周围都有一个边框，边框宽度由每个数字或字符串对于每个单元格的长度定义

---

我希望

，

和

能够根据每列中最宽单元格的宽度自动创建列宽，但没有一列具有适当的宽度，每个单元格都是自己的。

将

ng repeat

放在

标记中

{{data.entity}
{{data.security.securityID}
{{data.security.identifiers[0].value}
{{data.security.identifiers[1].value}
{{data.security.identifiers[2].value}
{{data.depot}
{{data.date}
{{data.date}
{{data.primeBroker}
{{data.activity}
{{data.timestamp}
{{data.sequence}
{{data.activity}
{{data.balance[0].value}
{{data.balance[1].value}
{{data.balance[2].value}
{{data.balance[3].value}
{{data.balance[4].value}

请您添加一个JSFIDLE链接，让您对代码有一个清晰的了解。@LinhPham收到了，谢谢。谢谢，我会尝试一下的。太棒了，我很感谢有比我更聪明的人在那里！将在计时器运行时接受：）

02  50167   42630125    US518252CR03    518252CR0   CCT 20160111        20160111    N   UPDATE  2016-02-03T20:01:39.015 4   UPDATE  -2352               
02  81106   7918922 IT0000062072    044998912   BNY 20160111    20160111    N   UPDATE  2016-02-03T20:01:42.158 4   UPDATE  532346              
01  51024   36530971    US404119BK49    404119BK4   CCT 20160118    20160118    N   UPDATE  2016-02-03T20:01:31.397 4   UPDATE  3886                
02  50555   39729417    US57183MCT53    57183MCT5   900 20160111    20160111    N   UPDATE  2016-02-03T20:01:39.661 20  UPDATE  66402000    -51402000