How to create MultiLevel table in angularjs

Question

I want to create table (not use ul li) as below

-----------------
#   |  name      |
-----------------
1   | Level_1-a  |
1   | Level_2.1  |
2   | Level_2.2  |
3   | Level_2.3  |
1   | Level_2.3.1|
2   | Level_2.3.2|
2   | Level_1-b  |
..  | Level_..   |
n   | Level_n    | 
..................

With items $scope.items = [{ name: "level_1", child: { name: "level_2", child: { name: "level_3", child: { name: "level_...", child: { name : "level_n", child : { ....} } } } } }];

I dont have idea to do it. So please help me.

Thank all.

Can you explain what # is and what name is. I don't really get it because your table doesn't match up with your json. — Wayne Ellery
– Wayne Ellery, Commented Jan 28, 2015 at 10:28
Sorry my mistake, I fixed it. Do you understand my question? — Phong Dao
– Phong Dao, Commented Jan 28, 2015 at 14:29

Champ · Accepted Answer · 2015-01-28 17:05:19Z

0

If possible, I would reformat the JSON. Doing so, you could do a simple ng-repeat in a table. Much cleaner code. If you do not reformat the JSON, I think you will need to do a ng-repeat at each level.

answered Jan 28, 2015 at 17:05

Champ

2711 gold badge3 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Phong Dao Over a year ago

Because level 2 is child of level 1, level 3 is child of level 2 so how to format Json?

Collectives™ on Stack Overflow

How to create MultiLevel table in angularjs

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related