Fixed header table in AngularJS

angularjs, angularjs-ng-repeat, javascript, jquery

Solution

I created a directive for this recently, you can install it using bower:

bower install angu-fixed-header-table

For more details and a working example you can see my blog post at http://pointblankdevelopment.com.au/blog/angularjs-fixed-header-scrollable-table-directive

Problem

I'm stuck on a problem involving a fixed header table. I'm using AngularJS & Bootstrap to build a web application. I can't use `ng-grid` as it doesn't support IE7. So, I'm populating the table rows by `ng-repeat`. The application is responsive. So, I can't give fixed width to the cells/headers. Is there any simple way to have the table headers fixed? I've put up a Plunker at Fixed header table with AngularJS Thanks in advance.

Original source