{"action":"closed","issue":{"url":"https://api.github.com/repos/l-lin/angular-datatables/issues/614","repository_url":"https://api.github.com/repos/l-lin/angular-datatables","labels_url":"https://api.github.com/repos/l-lin/angular-datatables/issues/614/labels{/name}","comments_url":"https://api.github.com/repos/l-lin/angular-datatables/issues/614/comments","events_url":"https://api.github.com/repos/l-lin/angular-datatables/issues/614/events","html_url":"https://github.com/l-lin/angular-datatables/issues/614","id":133479039,"number":614,"title":"issue while using ui-router ","user":{"login":"techneo1","id":1723469,"avatar_url":"https://avatars.githubusercontent.com/u/1723469?v=3","gravatar_id":"","url":"https://api.github.com/users/techneo1","html_url":"https://github.com/techneo1","followers_url":"https://api.github.com/users/techneo1/followers","following_url":"https://api.github.com/users/techneo1/following{/other_user}","gists_url":"https://api.github.com/users/techneo1/gists{/gist_id}","starred_url":"https://api.github.com/users/techneo1/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/techneo1/subscriptions","organizations_url":"https://api.github.com/users/techneo1/orgs","repos_url":"https://api.github.com/users/techneo1/repos","events_url":"https://api.github.com/users/techneo1/events{/privacy}","received_events_url":"https://api.github.com/users/techneo1/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-02-13T22:20:17Z","updated_at":"2016-05-03T11:54:55Z","closed_at":"2016-05-03T11:54:55Z","body":"I have 2 tabs each have a  datatable, for navigation i'm using ui-router.\r\nInitially the table loads fine, but on next visit both thead and tbody will be null leading to following error:\r\n\r\nTypeError: Cannot read property 'parentNode' of null\r\n    at HTMLTableElement.<anonymous> (jquery.dataTables.js:6199)\r\n    at Function.jQuery.extend.each (jquery.js:360)\r\n    at jQuery.fn.jQuery.each (jquery.js:137)\r\n    at DataTable (jquery.dataTables.js:6156)\r\n    at $.fn.DataTable (jquery.dataTables.js:15095)\r\n    at Object.renderDataTable (angular-datatables.js:733)\r\n    at _doRender (angular-datatables.js:1155)\r\n    at Object.render (angular-datatables.js:1110)\r\n    at angular-datatables.js:124\r\n    at processQueue (angular.js:15552)\r\n\r\n\r\n**tab1.tmpl.html**\r\n```\r\n<table datatable=\"\" dt-options=\"vm.dtOptions\" dt-columns=\"vm.dtColumns\" dt-instance=\"vm.dtInstance\" class=\"row-border hover table-responsive\">\r\n                <thead></thead>\r\n                <tbody></tbody>\r\n            </table>\r\n```\r\n\r\n**tab2.tmpl.html**\r\n```\r\n<table datatable=\"\" dt-options=\"skills.dtOptions\" dt-columns=\"skills.dtColumns\" dt-instance=\"skills.dtInstance\" class=\"row-border hover table-responsive\" row-action-submit>\r\n                <thead></thead>\r\n                <tbody></tbody>\r\n            </table>\r\n```\r\n\r\nCould you please help me fixing this!\r\nThanks in advance :)"}}