diff --git a/css/myTheme.css b/css/myTheme.css index bef4a7f..421de10 100644 --- a/css/myTheme.css +++ b/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; } \ No newline at end of file diff --git a/demo.js b/demo.js index 30e871e..716f833 100644 --- a/demo.js +++ b/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() { diff --git a/jquery.fixedheadertable.js b/jquery.fixedheadertable.js index 272a7c3..7c39093 100644 --- a/jquery.fixedheadertable.js +++ b/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'); diff --git a/test.html b/test.html index 46684f4..4e9ab8b 100644 --- a/test.html +++ b/test.html @@ -21,12 +21,12 @@ - + - +
BrowserBrowser Visits Pages/Visit Avg. Time on Site % New VisitsBounce RateBounce Rate