angular-floatThead is a very simple wrapper around the awesome floatThead library by @mkoryak
$ bower install angular-float-thead
-
This is just a wrapper over the original jQuery floatThead library, so first make sure you have the main library installed as per https://github.com/mkoryak/floatThead
-
Include angular-float-thead as a dependency for your app after running
bower install
angular.module('myApp', ['floatThead'])
-
Specify
float-thead
on your table element and optionally pass through a floatThead object as a parameter, eg:<table float-thead="floatTheadOptions">
-
Add floatTheadOptions to
$scope
on your controller
$scope.floatTheadOptions = {
scrollingTop: 60
useAbsolutePositioning: false
}
- If you want the directive to reinitialize when your tables data changes then specify an
ng-model
on your table and it will watch the collection/object and call 'reflow' when the data changes.
for eg:
<table float-thead="floatTheadOptions" ng-model="collectionOrObjectToWatch">