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