Added a theming class for theming support

Signed-off-by: Mark Malek <markmmalek@me.com>

css/myTheme.css

@@ -1,11 +1,11 @@
-td, th {
+.fancyTable td, .fancyTable th {
 	border: 1px solid #000;
 }
 
-thead th, tfoot td {
+.fancyTable thead th, .fancyTable tfoot td {
 	background: #959595;
 }
 
-tbody tr.odd td {
+.fancyTable tbody tr.odd td {
 	background: #e1e1e1;
 }

demo.js

@@ -1,5 +1,5 @@
 $(document).ready(function() {
-    $('.myTable').fixedHeaderTable({ width: '600', height: '350', footer: true, altClass: 'odd' });
+    $('.myTable').fixedHeaderTable({ width: '600', height: '350', footer: true, altClass: 'odd', themeClass: 'fancyTable' });
     
 	$('a.makeTable').bind('click', function() {
 		

jquery.fixedheadertable.js

@@ -87,8 +87,9 @@
 				settings.themeClassName = settings.themeClass;
 
                 $self.css({
-                    width: settings.width - settings.scrollbarOffset
-                });
+	                    width: settings.width - settings.scrollbarOffset
+	                })
+	                .addClass(settings.themeClassName);
 
                 if ( !$self.closest('.fht-table-wrapper').length ) {
                     $self.addClass('fht-table');

test.html

@@ -21,12 +21,12 @@
         <table class="myTable" cellpadding="0" cellspacing="0">
             <thead>
                 <tr>
-                    <th class="first">Browser</th>
+                    <th>Browser</th>
                     <th>Visits</th>
                     <th>Pages/Visit</th>
                     <th>Avg. Time on Site</th>
                     <th>% New Visits</th>
-                    <th class="last">Bounce Rate</th>
+                    <th>Bounce Rate</th>
                 </tr>
             </thead>
             <tfoot>