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.
https://plnkr.co/edit/fdlS8BZhgTVE237I04kY?p=preview
(bower): bower install angular-tablescroll
(npm): npm install angular-tablescroll
(nuget): Install-Package angular-tablescroll
MIT
2015 Mike Allison
<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>
angular.module('yourAppName', ['ngTablescroll']);
{
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
}