angular-tablescroll/README.md

An easy to implement angular module that simplifies adding both horizontal and vertical scrolling with static header and footer to any html table. It will automatically (and reactively) size to it's parent container, or a given set of dimensions.

# angular-tablescroll
A powerful Angular 1.x table attribute directive that automates scrolling and fixed headers and footers.

By default it will size a table to its parent container, fix the position of the header and footer, add horizontal and vertical scrolling as needed, and resize reactively to window resize events.

## Homepage & Demo
http://mikeallisononline.com/Projects/angularTablescroll

## Install
```
(bower): bower install angular-tablescroll
(npm): npm install angular-tablescroll
(nuget): Install-Package angular-tablescroll
```

## License
MIT

## Copyright
2015 Mike Allison

## Example Table
```html
<table ng-tablescroll="options">
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
            <th>Column 3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Data 1</td>
            <td>Data 2</td>
            <td>Data 3</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>Foot 1</td>
            <td>Foot 2</td>
            <td>Foot 3</td>
        </tr>
    </tfoot>
</table>
```

## Javascript
```javascript
angular.module('yourAppName', ['ngTablescroll']);
```

## Options (optional Scope object)
```javascript
{
    reactive: (bool)(optional)(default: true) enable reactive sizing to parent control
    width: (int)(optional) desired max width in pixels
    height: (int)(optional) desired height in pixels
    backgroundcolor: (string)(optional)(default: #fffff) table header bg color
}
```