Skip to content
This repository was archived by the owner on Feb 2, 2025. It is now read-only.

FixedHeader on example page does not line up with columns #372

Closed
bolemeus opened this issue Jul 9, 2015 · 2 comments
Closed

FixedHeader on example page does not line up with columns #372

bolemeus opened this issue Jul 9, 2015 · 2 comments
Milestone

Comments

@bolemeus
Copy link

bolemeus commented Jul 9, 2015

It works for me because my columns all have a fixed width, but on the example page the header does not line up the columns.

Also, when you're not using Angular ui-router, you can use this to clear the header on a route change event...

    $scope.$on("$routeChangeStart", function(event, next, current) {
        var fixedHeaderEle = document.getElementsByClassName('fixedHeader');
        angular.element(fixedHeaderEle).remove();
        var fixedFooterEle = document.getElementsByClassName('fixedFooter');
        angular.element(fixedFooterEle).remove();
    });

Maybe you can help some people by including it on the example page.

@l-lin
Copy link
Owner

l-lin commented Jul 22, 2015

Mmh indeed. Didn't notice this.

@l-lin l-lin added the TODO label Jul 22, 2015
l-lin added a commit that referenced this issue Aug 18, 2015
The columns were not lined up.
Upgrading datatables-fixedheader to v3.0.0+ seems to do the trick.

Add an example for other routers besides angular ui-router.
@l-lin l-lin closed this as completed Aug 18, 2015
@l-lin l-lin removed the TODO label Aug 18, 2015
@l-lin
Copy link
Owner

l-lin commented Aug 18, 2015

Upgrading dataTables-fixedHeader to v3.0.0+ seems to do the trick.

@l-lin l-lin added this to the v0.5.0 milestone Sep 7, 2015
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants