An AngularJS fixed header scrollable table directive


To see a demo and further details go to


Install using bower: bower install angu-fixed-header-table

Alternatively download the code and include the angu-fixed-header-table.js file in your page.

Add the 'anguFixedHeaderTable' directive as a dependency of your AngularJS application:

angular.module('myApp', ['anguFixedHeaderTable']);


Simply add the fixed-header attribute to any tables you'd like to have a fixed header:

<table fixed-header>...</table>

The default height of the table body is 400px, to change this add a table-height attribute to the table element eg: table-height="500px".

comments powered by Disqus
This page was last updated about 4 years ago.