Table fixed header not working on changing ui-route

[TahsinAbrar]

First time when I load the same page, it's working. But I have implemented this sticky header in different pages table of my app. So, on changing ui-route, the fixed table header are not fixed.

For better understanding:

Suppose, I've a homepage (/#/home) where I've the collection of Tasks.
And I've another page (/#/users), where I've the collection of Users.

I've implemented the fixed table header directory in each of the pages.

Now, When changing the route from /#/home to /#/users, the table fixed header of users are not working. Even if I go back to the /#/home, the fixed header of tasks table also not working.

But if I open each page individually with a refresh, in that page, the fixed table header is working perfectly.

Any help is really appreciable.
Thanks.

[dinesh207]

I am posting simple angular directive you can use it, if you want for specific to only table you can use this and change the margin-top value as required.
https://github.com/dineshreddygandra/stickyTableHeader