diff --git a/README.markdown b/README.markdown index 346071b5..6253c34a 100644 --- a/README.markdown +++ b/README.markdown @@ -34,6 +34,23 @@ Included all original [document pages](http://mottie.github.com/tablesorter/docs View the [complete listing here](http://mottie.github.com/tablesorter/changelog.txt). +#### Version 2.1.7 (3/26/2012) + +* Changed default css options to use more unique names: + * `cssHeader` is now `"tablesorter-header"` + * `cssAsc` is now `"tablesorter-headerSortUp"` + * `cssDesc` is now `"tablesorter-headerSortDown"` + * Updated blue & green styles to use the appropriate names. + * Left the original css definitions to keep the styles backward compatible. +* Table header cell content wrapper modification: + * Previously the content was wrapped with a `span`, now wrapped with a `div` + * Content wrapping div now as the class name of `tablesorter-header-inner` applied to it. +* Various widget fixes: + * The `$.tablesorter.storage` code now loads saved variables before updating. Fix for [issue #41](https://github.com/Mottie/tablesorter/issues/41). + * Reverted the "filter" widget code to work like it is supposed to. Fix for [issue #40](https://github.com/Mottie/tablesorter/issues/40). + * Modified the "stickHeaders" widget to now set the width of the content instead of the table cell. It seems to work better. Fix for [issue #37](https://github.com/Mottie/tablesorter/issues/37) + * Fixed the "uitheme" widget code to update the sorting icon correctly. + #### Version 2.1.6 (3/22/2012) * Pager updates diff --git a/changelog.txt b/changelog.txt index f2ce2552..8ca210a4 100644 --- a/changelog.txt +++ b/changelog.txt @@ -1,5 +1,23 @@ TableSorter Change Log +Version 2.1.7 (3/26/2012) +============================ + +* Changed default css options to use more unique names: + * `cssHeader` is now `"tablesorter-header"` + * `cssAsc` is now `"tablesorter-headerSortUp"` + * `cssDesc` is now `"tablesorter-headerSortDown"` + * Updated blue & green styles to use the appropriate names. + * Left the original css definitions to keep the styles backward compatible. +* Table header cell content wrapper modification: + * Previously the content was wrapped with a `span`, now wrapped with a `div` + * Content wrapping div now as the class name of `tablesorter-header-inner` applied to it. +* Various widget fixes: + * The `$.tablesorter.storage` code now loads saved variables before updating. Fix for [issue #41](https://github.com/Mottie/tablesorter/issues/41). + * Reverted the "filter" widget code to work like it is supposed to. Fix for [issue #40](https://github.com/Mottie/tablesorter/issues/40). + * Modified the "stickHeaders" widget to now set the width of the content instead of the table cell. It seems to work better. Fix for [issue #37](https://github.com/Mottie/tablesorter/issues/37) + * Fixed the "uitheme" widget code to update the sorting icon correctly. + Version 2.1.6 (3/22/2012) ============================ diff --git a/css/blue/blue.zip b/css/blue/blue.zip index cda62874..a599f5d0 100644 Binary files a/css/blue/blue.zip and b/css/blue/blue.zip differ diff --git a/css/blue/style.css b/css/blue/style.css index e54da74e..98a7345d 100644 --- a/css/blue/style.css +++ b/css/blue/style.css @@ -8,17 +8,23 @@ table.tablesorter { text-align: left; border-spacing: 0; } -table.tablesorter, table.tablesorter th, table.tablesorter tr.tablesorter-stickyHeader th, table.tablesorter td { +table.tablesorter, +table.tablesorter th, +table.tablesorter tr.tablesorter-stickyHeader th, +table.tablesorter td { border: #cdcdcd 1px solid; } -table.tablesorter thead tr th, tr.tablesorter-stickyHeader th, table.tablesorter tfoot tr th { +table.tablesorter thead tr th, +tr.tablesorter-stickyHeader th, +table.tablesorter tfoot tr th { background-color: #e6eeee; border-collapse: collapse; font-size: 12px; padding: 4px 20px 4px 4px; } -table.tablesorter thead tr .header, tr.tablesorter-stickyHeader .header { +table.tablesorter thead tr .tablesorter-header, +tr.tablesorter-stickyHeader .tablesorter-header { background-image: url(black-bg.gif); background-repeat: no-repeat; background-position: center right; @@ -30,11 +36,13 @@ table.tablesorter tbody td { background-color: #fff; vertical-align: top; } -table.tablesorter thead tr .headerSortUp { +table.tablesorter thead tr .headerSortUp, +table.tablesorter thead tr .tablesorter-headerSortUp { background-color: #8dbdd8; background-image: url(black-asc.gif); } -table.tablesorter thead tr .headerSortDown { +table.tablesorter thead tr .headerSortDown, +table.tablesorter thead tr .tablesorter-headerSortDown { background-color: #8dbdd8; background-image: url(black-desc.gif); } diff --git a/css/green/green.zip b/css/green/green.zip index e63c8988..578121f1 100644 Binary files a/css/green/green.zip and b/css/green/green.zip differ diff --git a/css/green/style.css b/css/green/style.css index e82f383b..5e4cd488 100644 --- a/css/green/style.css +++ b/css/green/style.css @@ -8,11 +8,16 @@ table.tablesorter { text-align: left; border-spacing: 0; } -table.tablesorter, table.tablesorter th, table.tablesorter tr.tablesorter-stickyHeader th, table.tablesorter td { +table.tablesorter, +table.tablesorter th, +table.tablesorter tr.tablesorter-stickyHeader th, +table.tablesorter td { border: #cdcdcd 1px solid; } -table.tablesorter thead tr th, tr.tablesorter-stickyHeader th, table.tablesorter tfoot tr th { +table.tablesorter thead tr th, +tr.tablesorter-stickyHeader th, +table.tablesorter tfoot tr th { border-collapse: collapse; font-size: 12px; padding: 5px; @@ -21,24 +26,32 @@ table.tablesorter td { color: #3d3d3d; padding: 5px; } -table.tablesorter thead tr, table.tablesorter tfoot tr { +table.tablesorter thead tr.tablesorter-header, +table.tablesorter thead tr.tablesorter-stickyHeader, +table.tablesorter tfoot tr { background: url(bkgd.png) center center repeat-x; } -table.tablesorter .header { +table.tablesorter .header, +table.tablesorter .tablesorter-header { background: transparent; border-right: #cdcdcd 1px solid; padding: 9px; height: auto; cursor: pointer; } -table.tablesorter .header span:first-child, .tablesorter-stickyHeader .header span:first-child { +table.tablesorter .header span:first-child, +.tablesorter-stickyHeader .header span:first-child, +table.tablesorter th.tablesorter-header .tablesorter-header-inner, +.tablesorter-stickyHeader th.tablesorter-header .tablesorter-header-inner { background: url(none.png) no-repeat; padding: 2px 0 2px 25px; } -table.tablesorter .headerSortUp span:first-child { +table.tablesorter .headerSortUp span:first-child, +table.tablesorter .tablesorter-headerSortUp .tablesorter-header-inner { background: url(asc.png) no-repeat; } -table.tablesorter .headerSortDown span:first-child { +table.tablesorter .headerSortDown span:first-child, +table.tablesorter .tablesorter-headerSortDown .tablesorter-header-inner { background: url(desc.png) no-repeat; } @@ -51,21 +64,24 @@ table.tablesorter tr.even td { } /* Column Widget - column sort colors */ -table.tablesorter tbody td.primary, table.tablesorter tbody tr.odd td.primary { +table.tablesorter tbody td.primary, +table.tablesorter tbody tr.odd td.primary { background-color: #c0ffc0; } table.tablesorter tbody tr.even td.primary { background-color: #e8ffe8; } -table.tablesorter tbody td.secondary, table.tablesorter tbody tr.odd td.secondary { +table.tablesorter tbody td.secondary, +table.tablesorter tbody tr.odd td.secondary { background-color: #d6ffd6; } table.tablesorter tbody tr.even td.secondary { background-color: #e8ffe8; } -table.tablesorter tbody td.tertiary, table.tablesorter tbody tr.odd td.tertiary { +table.tablesorter tbody td.tertiary, +table.tablesorter tbody tr.odd td.tertiary { background-color: #eaffea; } table.tablesorter tbody tr.even td.tertiary { @@ -79,7 +95,8 @@ table.tablesorter thead tr.tablesorter-filter input.tablesorter-filter { -moz-box-sizing: border-box; box-sizing: border-box; } -table.tablesorter thead tr.tablesorter-filter, table.tablesorter thead tr.tablesorter-filter td { +table.tablesorter thead tr.tablesorter-filter, +table.tablesorter thead tr.tablesorter-filter td { text-align: center; background: #fff; } diff --git a/css/ui/style.css b/css/ui/style.css index 1f8db571..a4555749 100644 --- a/css/ui/style.css +++ b/css/ui/style.css @@ -7,7 +7,8 @@ table.tablesorter { text-align: left; padding: 5px; } -table.tablesorter thead tr th, table.tablesorter tfoot tr th { +table.tablesorter thead tr th, +table.tablesorter tfoot tr th { border-collapse: collapse; font-size: 8pt; padding: 4px; @@ -47,7 +48,8 @@ table.tablesorter thead tr.tablesorter-filter input.tablesorter-filter { -moz-box-sizing: border-box; box-sizing: border-box; } -table.tablesorter thead tr.tablesorter-filter, table.tablesorter thead tr.tablesorter-filter td { +table.tablesorter thead tr.tablesorter-filter, +table.tablesorter thead tr.tablesorter-filter td { text-align: center; } /* optional disabled input styling */ diff --git a/docs/example-option-render-header.html b/docs/example-option-render-header.html index 6134ef27..87242f73 100644 --- a/docs/example-option-render-header.html +++ b/docs/example-option-render-header.html @@ -27,7 +27,7 @@ -moz-border-radius: 1em; -webkit-border-radius: 1em; } -.headerSortDown .roundedCorners { +.tablesorter-headerSortDown .roundedCorners { border-color: #fff; } diff --git a/docs/index.html b/docs/index.html index 686aaad7..7ca46fe1 100644 --- a/docs/index.html +++ b/docs/index.html @@ -403,12 +403,12 @@ cssAsc String - "headerSortUp" + "tablesorter-headerSortUp" The CSS style used to style the header when sorting ascending. Example from the blue skin:
-
th.headerSortUp {
-  background-image: url(../img/small_asc.gif);
-  background-color: #3399FF;
+						
th.tablesorter-headerSortUp {
+  background-color: #8dbdd8;
+  background-image: url(black-asc.gif);
 }
@@ -472,12 +472,12 @@ cssDesc String - "headerSortDown" + "tablesorter-headerSortDown" The CSS style used to style the header when sorting descending. Example from the blue skin:
-
th.headerSortDown {
-  background-image: url(../img/small_desc.gif);
-  background-color: #3399FF;
+						
th.tablesorter-headerSortDown {
+  background-color: #8dbdd8;
+  background-image: url(black-desc.gif);
 }
@@ -486,18 +486,18 @@ cssHeader String - "header" + "tablesorter-header" The CSS style used to style the header in its unsorted state. Example from the blue skin:
-
th.header {
-  background-image: url(../img/small.gif);
-  cursor: pointer;
-  font-weight: bold;
+						
th.tablesorter-header {
+  background-color: #e6eeee;
+  background-image: url(black-bg.gif);
   background-repeat: no-repeat;
-  background-position: center left;
-  padding-left: 20px;
-  border-right: 1px solid #dad9c7;
-  margin-left: -1px;
+  background-position: center right;
+  border-collapse: collapse;
+  cursor: pointer;
+  font-size: 12px;
+  padding: 4px 20px 4px 4px;
 }
@@ -564,7 +564,7 @@ headerList Array - [] (empty array) + [ ] (empty array) Internal list of each header element as selected using jQuery selectors in the selectorHeaders option. Not really useful for normal usage. @@ -647,7 +647,7 @@ parsers Object - {} + { } Internal list of all of the parsers. Here is a complete list of default parsers:

@@ -865,7 +865,7 @@ $(function(){ widgets Array - [] (empty array) + [ ] (empty array) Initialize widgets using this option ( e.g. widgets : ['zebra'], or custom widgets widgets: ['zebra', 'myCustomWidget'];, see this demo on how to write your own custom widget ). @@ -886,7 +886,7 @@ $(function(){ widgetOptions Object - {} + { } As of version 2.1, all widget options have been moved into this option. This is a move to store all widget specific options in one place so as not to polute the main table options. All current widgets have been modified to use this new option. New! in v2.1.
@@ -1485,7 +1485,7 @@ $(table) Optional / Add-Ons: