diff --git a/demo/css/myTheme.css b/demo/css/myTheme.css
index 83cd7fe..994efc7 100644
--- a/demo/css/myTheme.css
+++ b/demo/css/myTheme.css
@@ -50,6 +50,18 @@
height: 500px;
}
+.height250 {
+ height: 250px;
+ overflow-x: auto;
+ overflow-y: auto;
+}
+
+.height400 {
+ height: 400px;
+ overflow-x: auto;
+ overflow-y: auto;
+}
+
.fancyTable td, .fancyTable th {
/* appearance */
border: 1px solid #778899;
diff --git a/demo/demo.js b/demo/demo.js
index 45f27a0..e2c9531 100644
--- a/demo/demo.js
+++ b/demo/demo.js
@@ -1,13 +1,13 @@
$(document).ready(function() {
- $('.myTable01').fixedHeaderTable({ height: '250', footer: true, cloneHeadToFoot: true, altClass: 'odd', themeClass: 'fancyTable', autoShow: false });
+ $('#myTable01').fixedHeaderTable({ footer: true, cloneHeadToFoot: true, altClass: 'odd', autoShow: false });
- $('.myTable01').fixedHeaderTable('show', 1000);
+ $('#myTable01').fixedHeaderTable('show', 1000);
- $('.myTable02').fixedHeaderTable({ height: '250', footer: true, altClass: 'odd', themeClass: 'fancyTable' });
+ $('#myTable02').fixedHeaderTable({ footer: true, altClass: 'odd' });
- $('.myTable03').fixedHeaderTable({ height: '400', altClass: 'odd', footer: true, fixedColumns: 1, themeClass: 'fancyTable' });
+ $('#myTable05').fixedHeaderTable({ altClass: 'odd', footer: true, fixedColumns: 1 });
- $('.myTable04').fixedHeaderTable({ height: '400', altClass: 'odd', footer: true, cloneHeadToFoot: true, fixedColumns: 3, themeClass: 'fancyTable' });
+ $('#myTable03').fixedHeaderTable({ altClass: 'odd', footer: true, fixedColumns: 1 });
- $('.myTable05').fixedHeaderTable({ height: '400', altClass: 'odd', footer: true, fixedColumns: 1, themeClass: 'fancyTable' });
-});
\ No newline at end of file
+ $('#myTable04').fixedHeaderTable({ altClass: 'odd', footer: true, cloneHeadToFoot: true, fixedColumns: 3 });
+});
diff --git a/demo/test.html b/demo/test.html
index 27ee8bc..f5856db 100644
--- a/demo/test.html
+++ b/demo/test.html
@@ -15,19 +15,17 @@
-$('.myTable01').fixedHeaderTable({
- height: '250',
+$('#myTable01').fixedHeaderTable({
footer: true,
cloneHeadToFoot: true,
altClass: 'odd',
- themeClass: 'fancyTable',
autoShow: false
});
-
-
+
+
Browser |
@@ -177,17 +175,15 @@ $('.myTable01').fixedHeaderTable({
-$('.myTable02').fixedHeaderTable({
- height: '250',
+$('#myTable02').fixedHeaderTable({
footer: true,
altClass: 'odd',
- themeClass: 'fancyDarkTable'
});
-
-
+
+
Browser |
@@ -379,18 +375,16 @@ $('.myTable02').fixedHeaderTable({
-$('.myTable05').fixedHeaderTable({
- height: '400',
+$('#myTable05').fixedHeaderTable({
altClass: 'odd',
footer: true,
fixedColumns: 1,
- themeClass: 'fancyTable'
});
-
-
+
+
Browser |
@@ -692,18 +686,16 @@ $('.myTable05').fixedHeaderTable({
-$('.myTable03').fixedHeaderTable({
- height: '400',
+$('#myTable03').fixedHeaderTable({
altClass: 'odd',
footer: true,
fixedColumns: 1,
- themeClass: 'fancyTable'
});
-
-
+
+
Browser |
@@ -997,19 +989,17 @@ $('.myTable03').fixedHeaderTable({
-$('.myTable04').fixedHeaderTable({
- height: '400',
+$('#myTable04').fixedHeaderTable({
altClass: 'odd',
footer: true,
cloneHeadToFoot: true,
fixedColumn: 3,
- themeClass: 'fancyTable'
});
-