Question

我需要加载到html页面中的数据。

我使用angularjs填充每个表。现在共有8张桌子。

我想重写一下，这样表计数就可以完全动态了。

这意味着每个表的某种for循环，然后在js中构建整个表。只是对角度控制器的基本调用将出现在html页面本身中。

我已经看过如何用angularjs动态构建表行的样本。这是一个非常古老的新闻。

是否可以从标签构建整个表格，以便我可以创建嵌套在一个大表中的多个表格？

这样的东西？

<table>

for( i = 0; i < tablesCollection.length;i++ )
{
paintTable( i );
}

</table>

，结果如下（四个表嵌套在两列两行主表中？

<table>

<tr>
<td>
<table id=table01>
<tr>
<td>
</td>
</tr>
</table>
<td>
<table id=table02>
<tr>
<td>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table id=table03>
<tr>
<td>
</td>
</tr>
</table>
<td>
<table id=table04>
<tr>
<td>
</td>
</tr>
</table>
</td>
</tr>

</table>

Answer 1

我认为使用datatables可以解决您的问题。它非常易于使用。

HTML：

<div id="data-table"></div>

初始化可以动态完成，这意味着您可以使用动态数据创建表（循环遍历json）也许这可以通过“将表合并为一个”来解决您的问题。一个简单的（静态）示例：

var table = $('#data-table').DataTable({
    {'sTitle': 'First Name', 'mData': 'first_name'},
    {'sTitle': 'Last Name', 'mData': 'last_name'},
    {'sTitle': 'Address', 'mData': 'address'},
});

这将创建一个包含“First Name”，“Last Name”和“Address”列的表。

使用数据更新表：

table.row.add(data);

它非常易于使用，文档很棒，有很多可能性，你可以重用很多代码。

你如何在angularjs中创建一个完整的html表？

1 个答案: