Fix for Issue #3 - Added support for tfoot

Added support for fixed footer (tfoot) element

Author: cornflourblue

angu-fixed-header-table.js

@@ -17,22 +17,24 @@
                     function (newValue, oldValue) {
                         if (newValue === true) {
                             // reset display styles so column widths are correct when measured below
-                            $elem.find('thead, tbody').css('display', '');
+                            $elem.find('thead, tbody, tfoot').css('display', '');
 
                             // wrap in $timeout to give table a chance to finish rendering
                             $timeout(function () {
                                 // set widths of columns
                                 $elem.find('th').each(function (i, thElem) {
                                     thElem = $(thElem);
                                     var tdElems = $elem.find('tbody tr:first td:nth-child(' + (i + 1) + ')');
+                                    var tfElems = $elem.find('tfoot tr:first td:nth-child(' + (i + 1) + ')');
 
                                     var columnWidth = tdElems.width();
                                     thElem.width(columnWidth);
                                     tdElems.width(columnWidth);
+                                    tfElems.width(columnWidth);
                                 });
 
                                 // set css styles on thead and tbody
-                                $elem.find('thead').css({
+                                $elem.find('thead, tfoot').css({
                                     'display': 'block',
                                 });
 

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "angu-fixed-header-table",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "authors": [
     "Jason Watmore <jason@pointblankdevelopment.com.au> (http://jasonwatmore.com)"
   ],

demo/demo.html

@@ -25,6 +25,14 @@
                 <td>Row {{item}} Col 4</td>
             </tr>
         </tbody>
+        <tfoot>
+            <tr>
+                <td>Footer 1</td>
+                <td>Footer 2</td>
+                <td>Footer 3</td>
+                <td>Footer 4</td>
+            </tr>
+        </tfoot>
     </table>
 
     <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>