Angular -Sort nested table

Question

I'm working with nested table Example data:

$scope.building =
    [
      {
        "id": 1,
        "name": "first",
        "ownBlock": [
          {
            "id": 1,
            "name": "Block 1"
          },
          {
            "id": 2,
            "name": "Block 2"
          }
        ]
      },
      {
        "id": 2,
        "name": "second",
        "ownBlock": [
          {
            "id": 3,
            "name": "Block 1"
          },
          {
            "id": 4,
            "name": "Block 2"
          }
        ]
      }
    ]

When I sort ownBlock of id 2 , It will sort child data of Id 1 too

<tr ng-repeat="block in data.ownBlock| orderBy : sortColumn.Field : sortColumn.Order">.... </tr>

I know the reason but I dont have solution to fix that . Hope it helps

Thank for your answers , I want to sort child data bro . But my issue is when I sort child data which has parent Id 2 name "second" , child data of id 1 name first is sorted too , i dont want that , i just want only child data of id 2 is sorted — Dakota
– Dakota, Commented Mar 8, 2017 at 5:56

Abdullah Al Noman · Accepted Answer · 2017-03-08 05:05:23Z

2

if you dont want the child to be sorted try this

$scope.building = $filter('orderBy')($scope.building,'id');

answered Mar 8, 2017 at 5:05

Abdullah Al Noman

2,8884 gold badges22 silver badges37 bronze badges

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

Collectives™ on Stack Overflow

Angular -Sort nested table

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related