angular-floatThead 
=============

**angular-floatThead** is a very simple wrapper around the awesome floatThead library by [@mkoryak](https://github.com/mkoryak/floatThead/)


## Installation

#### via bower:
```
$ bower install angular-float-thead
```

## Usage

1. 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 

2. Include angular-float-thead as a dependency for your app after running `bower install`

  ```js
  angular.module('myApp', ['floatThead'])
  ```
  
3. Specify ```float-thead``` on your table element and optionally pass through a floatThead object as a parameter, eg: ```<table float-thead="floatTheadOptions">```

4. Add floatTheadOptions to `$scope` on your controller
 
  ```js
  $scope.floatTheadOptions = {
      scrollingTop: 60
      useAbsolutePositioning: false
    }
  ```    

5. 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">```

angular-floatThead 
=============

**angular-floatThead** is a very simple wrapper around the awesome floatThead library by [@mkoryak](https://github.com/mkoryak/floatThead/)


## Installation

#### via bower:
```
$ bower install angular-float-thead
```

## Usage

1. 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 

2. Include angular-float-thead as a dependency for your app after running `bower install`

  ```js
  angular.module('myApp', ['floatThead'])
  ```
  
3. Specify ```float-thead``` on your table element and optionally pass through a floatThead object as a parameter, eg: ```<table float-thead="floatTheadOptions">```

4. Add floatTheadOptions to `$scope` on your controller
 
  ```js
  $scope.floatTheadOptions = {
      scrollingTop: 60,
      useAbsolutePositioning: false
    };
  ```    

5. 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">```

Fix js options object in example
Fix js options object in example

Add comma to make it a valid object as well as a semi-colon to make it pretty.