Optional fixed width coloumns

README.md

@@ -68,10 +68,16 @@ Options
    * this is the JQuery selector of the element that your header is bound to.  Sticky header will follow the position of that element and keep the header on top of that element as it scrolls off the page.
 * scroll-stop
    * this is how many pixels from the top of the page your elment will stop scrolling at, just in case you have a header on the top of your page.
+* content-offset
+   * This adds x amount of pixels to the $(scroll-body).offset().top when calculating when the sticky header should stick etc. 
 * scrollable-container
    * If you have a scrollable element such as a div, rather than the web page body scrolling, you'll need to specify that element id here.
+* fsm-z-index
+   * Allows you to set the z-index per sticky header, especially when you have sub table headers
+* fsm-is-fixed
+   * The default is fluid width and calculates thead th widths based on a 80% window width, fixed will just use the column offsetWidth.
 
 Browser Support
 --------
 
-We support the current versions of Chrome, Firefox, Safari, Microsoft Edge and Internet Explorer 10+.
+We support the current versions of Chrome, Firefox, Safari, Microsoft Edge and Internet Explorer 10+.

src/fsm-sticky-header.js

@@ -12,7 +12,8 @@
                 scrollStop: '=',
                 scrollableContainer: '=',
                 contentOffset: '=',
-				fsmZIndex: '='
+				fsmZIndex: '=',
+                fsmIsFixed: '='
             },
             link: function(scope, element, attributes, control){
                 var content,
@@ -36,10 +37,12 @@
                         var clonedColumns = clonedHeader.find('th');
                         header.find('th').each(function (index, column) {
                             var clonedColumn = $(clonedColumns[index]);
-                            //clonedColumn.css( 'width', column.offsetWidth + 'px'); fixed thead width
-                            // fluid thead / table
-                            var finalWidthSet = column.offsetWidth / ($(window).innerWidth()-20)*100; // $(window) can be replace with a custom wrapper / container
-                            clonedColumn.css('width',finalWidthSet + '%');
+                            if (scope.fsmIsFixed) {
+                                clonedColumn.css( 'width', column.offsetWidth + 'px');
+                            } else {
+                                var finalWidthSet = column.offsetWidth / ($(window).innerWidth()-20)*100; // $(window) can be replace with a custom wrapper / container
+                                clonedColumn.css('width',finalWidthSet + '%');
+                            }   
                         });
                     }
                 };