Fixed header in bootstrap table with angularJS

I'm having an issue with my table styled with bootstrap and filled by ng-repeat (AngularJS) I want it to be fixed so I tried adding

.fixed-header thead {
    position        : fixed;
}

and

<table class="table table-striped table-bordered fixed-header">

yet, even if the header is fixed, and positionned as I want it to be, it is not synchronized with the body and goes on the first line. I also tried another solution :

.fixed-header tbody {
    overflow-y: auto;
    max-height: 400;
}

And it has no effect at all. My table is normal.

I really need the body to be synchronized with the header in terms of style.

Thanks.

EDIT : @dcodesmith

Actually since I've come across solutions I don't want to use, I prefere state the technologies that I'm using. in details I've read and tested those two topics :

Fixed header table in AngularJS

Twitter bootstrap scrollable table

and both of them won't work if I want something close to http://www.fixedheadertable.com/