[英]Tree Table With Angular ngRepeat
我们需要根据层次结构显示一些表格数据。 例如,包含人口和所覆盖区域的国家列表,以及他们的一些城市。 它可以进入更深层次,如neiborhood等。
Place Population Area
---------------------------------
Canada 33,500,000 10,000,000
Toronto 2,600,000 612
Montreal 1,300,000 300
USA 317,000,000 9,800,000
... ... ...
... ... ...
... ... ...
... ... ...
我试图使用Angular和ngRepeat创建一个Tree表来显示这个层次结构,但它不起作用。 我也尝试过使用ul和li标签的Brendan Owen http://jsfiddle.net/brendanowen/uXbn6/8/这个很好的解决方案,但是当使用table和tr / td标签时它也不起作用。 是否可以为表格完成此操作?
这个项目提供了良好的Angular树和良好的追随者(435+星级)。
https://github.com/nickperkinslondon/angular-bootstrap-nav-tree
可以在这里找到树的样本。 http://nickperkinslondon.github.io/angular-bootstrap-nav-tree/test/bs3_ng120_test_page.html
对于非Angular选项,jquery treetable确实提供了相当简单的实现。
http://ludo.cubicphuse.nl/jquery-treetable/
每个节点(父节点,子节点或后续子节点)都需要是表中的tr元素,需要指定其自身和父节点的id。
<table>
<tr data-tt-id="1">
<td>Parent</td>
</tr>
<tr data-tt-id="2" data-tt-parent-id="1">
<td>Child</td>
</tr>
</table>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.