tidy-table-rails 2.1.0 → 2.2.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 0998be53e8b9554aa5697edb54326fc7cbe02d97
-  data.tar.gz: f5f23d132bdd4a90aed97bca9ecabba1d31f82b5
+  metadata.gz: 12e68be6086553aac38ac04b81400fd45dd50b0f
+  data.tar.gz: 624b9c768589b6e4435fbb2446ceafb164e27ff8
 SHA512:
-  metadata.gz: 9a7001f75ad03469fc2b8cbbe9063362feb09849dd5ca8dfe0abd778fe84a46dfa1048a5538393447faf8bbbf83162c0e41c87b116bf18b0bea4310b7f31f6e5
-  data.tar.gz: 60d21d3d534e7e1d6c7e5e25445d601a152360ce005d1236916bba4b7325bd33bf649e3b50f5b7e48d1ad4a78f404e978bf8c0baa06fdb480a7d29c3cf15d402
+  metadata.gz: 0f68d5c0091a2054bcaef4cc6f8ccdc829f2080016b1478ff3dab8fafa1eef8085df9d2f70d25aef7cba1b333e168c393f753a8014625a55f492a77924bad30c
+  data.tar.gz: 0f48caa076085027534bc31cf5fbbf711598e269f7ae2b40034db0fb01ca96ade6863e8efddf676e4ee8ae34d023ababb04a119b9fc7704d3188a4a175fba090

data/lib/tidy/table/rails/version.rb

@@ -1,7 +1,7 @@
 module Tidy
   module Table
     module Rails
-      VERSION = "2.1.0"
+      VERSION = "2.2.2"
     end
   end
 end

data/vendor/assets/javascripts/tidy-table.js

@@ -1,8 +1,9 @@
 /**
  *  Tidy Table
- *  Generate a sortable HTML table from JSON
+ *  Create a HTML table from JSON that can be sorted, selected
+ *  and post-processed using a simple callback.
  *
- *  Copyright 2012-2015, Marc S. Brooks (http://mbrooks.info)
+ *  Copyright 2012-2015, Marc S. Brooks (https://mbrooks.info)
  *  Licensed under the MIT license:
  *  http://www.opensource.org/licenses/mit-license.php
  *
@@ -11,434 +12,459 @@
  */
 
 if (!window.jQuery || (window.jQuery && parseInt(window.jQuery.fn.jquery.replace('.', '')) < parseInt('1.8.3'.replace('.', '')))) {
-	throw new Error('Tidy-Table requires jQuery 1.8.3 or greater.');
+  throw new Error('Tidy-Table requires jQuery 1.8.3 or greater.');
 }
 
 (function($) {
-
-	/**
-	 * @namespace TidyTable
-	 */
-	var methods = {
-
-		/**
-		 * Create new instance of Tidy-Table
-		 * @memberof TidyTable
-		 * @method init
-		 * @param {Object} settings
-		 * @param {Object} config
-		 * @returns {Object} jQuery object
-		 */
-		"init": function(settings, config) {
-			var $this = $(this),
-				data  = $this.data();
-
-			// default settings
-			var defaults = {
-				enableCheckbox: false,
-				enableMenu:     false,
-				reverseSortDir: false,
-				responsive:     false
-			};
-
-			if (arguments.length > 1) {
-				$.extend(defaults, settings);
-			}
-			else {
-				config = settings;
-			}
-
-			// config defaults
-			config = $.extend({
-				sortByPattern: function(col_num, val) {
-					if ( $.trim(col_num) ) {
-						return String(val).replace(/$|%|#/g, '');
-					}
-				}
-			}, config);
-
-			if ( $.isEmptyObject(data) ) {
-				$this.data({
-					settings: defaults,
-					config:   config
-				});
-			}
-
-			// responsive layout?
-			if (defaults.responsive) {
-				$this.addClass('tidy_table media');
-			}
-
-			return $this.TidyTable('_createTable');
-		},
-
-		/**
-		 * Perform cleanup
-		 * @memberof TidyTable
-		 * @method destroy
-		 */
-		"destroy": function() {
-			$(this).removeData();
-		},
-
-		/**
-		 * Create HTML table elements
-		 * @memberof TidyTable
-		 * @method _createTable
-		 * @param {String} num
-		 * @param {String} order
-		 * @returns {Object} jQuery object
-		 * @private
-		 */
-		"_createTable": function(num, order) {
-			var $this = $(this),
-				data  = $this.data();
-
-			// create reusable elements
-			var table = $('<table></table>')
-				.addClass('tidy_table');
-
-			// disable IE7/8 text selection
-			table.mousedown(function() { return false; });
-			table.mouseover(function() { return false; });
-
-			var thead  = $('<thead></thead>'),
-				tbody  = $('<tbody></tbody>'),
-				titles = null;
-
-			// .. <THEAD>
-			(function() {
-				titles = data.config.columnTitles;
-
-				var row = $('<tr></tr>');
-
-				for (var i = 0; i < titles.length; i++) {
-					var title = titles[i];
-
-					var col = $('<th></th>')
-						.append(title)
-						.attr('title', title);
-					row.append(col);
-
-					var col_class;
-
-					// determine column result ordet
-					if (!data.settings.reverseSortDir) {
-						if (order == 'asc' || !order) {
-							col_class = 'sort_asc';
-							col.order = 'desc';
-						}
-						else {
-							col_class = 'sort_desc';
-							col.order = 'asc';
-						}
-					}
-					else {
-						if (order == 'desc' || !order) {
-							col_class = 'sort_asc';
-							col.order = 'asc';
-						}
-						else {
-							col_class = 'sort_desc';
-							col.order = 'desc';
-						}
-					}
-
-					// highlight selected column
-					if (num == i) {
-						col.addClass(col_class);
-					}
-
-					// attach sorting event to each column
-					col.on('click', {
-						col_number: i,
-						sort_order: (num == i) ? col.order : 'asc'
-					},
-					function(event) {
-						$this.TidyTable('_sortByColumn', event.data.col_number, event.data.sort_order);
-					});
-				}
-
-				thead.append(row);
-			})();
-
-			// .. <TBODY>
-			(function() {
-				var vals = data.config.columnValues;
-
-				for (var j = 0; j < vals.length; j++) {
-					var row = $('<tr></tr>');
-
-					for (var k = 0; k < vals[j].length; k++) {
-						var val = vals[j][k];
-
-						var col = $('<td></td>')
-							.append(val)
-							.attr('title', val);
-						row.append(col);
-
-						// post-process table column HTML object
-						if (data.config.postProcess && $.isFunction(data.config.postProcess.column)) {
-							data.config.postProcess.column(col);
-						}
-					}
-
-					tbody.append(row);
-				}
-
-				table.append(thead);
-				table.append(tbody);
-
-				// append check boxes to beginning each row
-				if (data.settings && data.settings.enableCheckbox) {
-					var rows = table.find('tr');
-
-					rows.each(function(index) {
-						var input = $('<input></input>')
-							.attr('type', 'checkbox');
-
-						var col;
-
-						// first row is always the header
-						if (index === 0) {
-							col = $('<th></th>');
-
-							// attach event to check all boxes
-							input.on('click', function() {
-								$this.TidyTable('_toggleSelRows', rows);
-							});
-						}
-						else {
-							col = $('<td></td>');
-
-							// attach event to each checkbox
-							input.on('click', {
-								box_number: index
-							},
-							function(event) {
-								$this.TidyTable('_toggleSelRows', rows, event.data.box_number);
-							});
-						}
-
-						col.append(input);
-
-						// insert before first cell
-						$(this).prepend(col);
-					});
-				}
-			})();
-
-			// post-process table results HTML object
-			if (data.config.postProcess && $.isFunction(data.config.postProcess.table)) {
-				data.config.postProcess.table(table);
-			}
-
-			var block = $this.children('table.tidy_table');
-
-			// if table exists, perform an in-place update of the element
-			if (block[0]) {
-				block.replaceWith(table);
-			}
-
-			// generate table/menu elements
-			else {
-				if (data.settings && data.settings.enableMenu) {
-					$this.append(
-						$this.TidyTable('_createMenu', table, 'options')
-					);
-				}
-
-				$this.append(table);
-			}
-
-			return table;
-		},
-
-		/**
-		 * Create HTML select menu element
-		 * @memberof TidyTable
-		 * @method _createMenu
-		 * @param {Object} table jQuery object
-		 * @param {String} name
-		 * @returns {Object} jQuery object
-		 * @private
-		 */
-		"_createMenu": function(table, name) {
-			var $this = $(this),
-				data  = $this.data();
-
-			// create reusable elements
-			var select = $('<select></select>')
-				.addClass('tidy_table ' + name)
-				.change(function() {
-					var elm = $(this);
-
-					var callback = data.config.menuOptions[ elm.val() ][1]['callback'];
-
-					// callback event
-					if ( $.isFunction(callback) ) {
-						callback( $this.TidyTable('_getCheckedAsObj', table) );
-					}
-
-					elm.val(0);
-				});
-
-			// .. options
-			$.each(data.config.menuOptions, function(index) {
-				var option = $('<option>' + data.config.menuOptions[index][0] + '</option>')
-					.attr('value', index);
-
-				select.append(option);
-			});
-
-			// post-process select menu HTML object
-			if (data.config.postProcess && $.isFunction(data.config.postProcess.menu)) {
-				data.config.postProcess.menu(select);
-			}
-
-			return select;
-		},
-
-		/**
-		 * Return selected row values as an array
-		 * @memberof TidyTable
-		 * @method _getCheckedAsObj
-		 * @param {Object} table jQuery object
-		 * @returns {Array}
-		 * @private
-		 */
-		"_getCheckedAsObj": function(table) {
-			var rows = table.find('tbody > tr'),
-				objs = [];
-
-			for (var i = 0; i < rows.length; i++) {
-				var cols = rows[i].childNodes;
-
-				// if the row checkbox is selected
-				if (cols[0].firstChild.checked) {
-					var row = [];
-
-					// simulate an associative array
-					for (var j = 1; j < cols.length; j++) {
-						row[j - 1] = cols[j].textContent;
-					}
-
-					objs.push(row);
-				}
-			}
-
-			return objs;
-		},
-
-		/**
-		 * Select/Deselect (input checkbox and row highlight)
-		 * @memberof TidyTable
-		 * @method _toggleSelRows
-		 * @param {Object} rows jQuery object
-		 * @param {Number} num
-		 * @private
-		 */
-		"_toggleSelRows": function(rows, num) {
-			var checked = null;
-
-			rows.each(function(index) {
-				var row   = $(this),
-					input = row.find(':checkbox').first();
-
-				// update all rows
-				if (!num) {
-					if (index === 0) {
-						checked = (input.is(':checked')) ? true : false;
-						return;
-					}
-
-					if (checked) {
-						row.removeClass('check_off').addClass('check_on');
-						input.prop('checked', true);
-					}
-					else {
-						row.removeClass('check_on').addClass('check_off');
-						input.prop('checked', false);
-					}
-				}
-
-				// update selected row
-				else {
-					if (index === 0) {
-						return;
-					}
-
-					if (input.is(':checked')) {
-						row.removeClass('check_off').addClass('check_on');
-						input.prop('checked', true);
-					}
-					else {
-						row.removeClass('check_on').addClass('check_off');
-						input.prop('checked', false);
-					}
-				}
-			});
-		},
-
-		/**
-		 * Display results ordered by selected column
-		 * @memberof TidyTable
-		 * @method _sortByColumn
-		 * @param {Number} num
-		 * @param {Number} order
-		 * @private
-		 */
-		"_sortByColumn": function(num, order) {
-			var $this = $(this),
-				data  = $this.data();
-
-			if ( $.isFunction(data.config.sortByPattern) ) {
-				var reverse = (order == 'desc') ? -1 : 1;
-
-				// sort JSON object by bucket number
-				data.config.columnValues.sort(function(a, b) {
-					var str1 = data.config.sortByPattern(num, a[num]),
-						str2 = data.config.sortByPattern(num, b[num]);
-
-					if (isNaN(str1)) {
-						return [reverse * cmpAny(str1, str2)] >
-						       [reverse * cmpAny(str2, str1)] ? -1 : 1;
-					}
-					else {
-						return [reverse * cmpInt(str1, str2)];
-					}
-				});
-			}
-
-			$this.TidyTable('_createTable', num, order);
-		}
-	};
-
-	$.fn.TidyTable = function(method) {
-		if (methods[method]) {
-			return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
-		}
-		else
-		if (typeof method === 'object' || !method) {
-			return methods.init.apply(this, arguments);
-		}
-		else {
-			$.error('Method ' +  method + ' does not exist in jQuery.TidyTable');
-		}
-	};
-
-	/**
-	 * Generic string comparison functions
-	 * @param {String} a
-	 * @param {String} b
-	 * @returns {Number}
-	 * @protected
-	 */
-	function cmpAny(a, b) {
-		return (a > b) ? 1 : (a < b) ? -1 : 0;
-	}
-
-	function cmpInt(a, b) {
-		return b - a;
-	}
+  var table = null;
+
+  /**
+   * @namespace TidyTable
+   */
+  var methods = {
+
+    /**
+     * Create new instance of Tidy-Table
+     *
+     * @memberof TidyTable
+     * @method init
+     *
+     * @example
+     * $('#container').TidyTable(settings, config);
+     *
+     * @param {Object} settings
+     * @param {Object} config
+     *
+     * @returns {Object} jQuery object
+     */
+    "init": function(settings, config) {
+      var $this = $(this),
+          data  = $this.data();
+
+      // Default settings
+      var defaults = {
+        enableCheckbox: false,
+        enableMenu:     false,
+        reverseSortDir: false,
+        responsive:     false
+      };
+
+      if (arguments.length > 1) {
+        $.extend(defaults, settings);
+      }
+      else {
+        config = settings;
+      }
+
+      // Config defaults
+      config = $.extend({
+        sortByPattern: function(col_num, val) {
+          if ( $.trim(col_num) ) {
+            return String(val).replace(/$|%|#/g, '');
+          }
+        }
+      }, config);
+
+      if ( $.isEmptyObject(data) ) {
+        $this.data({
+          settings: defaults,
+          config:   config
+        });
+      }
+
+      // Responsive layout?
+      if (defaults.responsive) {
+        $this.addClass('tidy_table media');
+      }
+
+      return $this.TidyTable('_createTable');
+    },
+
+    /**
+     * Perform cleanup
+     *
+     * @memberof TidyTable
+     * @method destroy
+     *
+     * @example
+     * $('#container').TidyTable('destroy');
+     */
+    "destroy": function() {
+      $(this).removeData();
+    },
+
+    /**
+     * Create HTML table elements.
+     *
+     * @memberof TidyTable
+     * @method _createTable
+     * @private
+     *
+     * @param {String|undefined} num
+     * @param {String|undefined} order
+     *
+     * @returns {Object} jQuery object
+     */
+    "_createTable": function(num, order) {
+      var $this = $(this),
+          data  = $this.data();
+
+      // Create reusable elements.
+      table = $('<table></table>')
+        .addClass('tidy_table');
+
+      // Disable IE7/8 text selection.
+      table.mousedown(function() { return false; });
+      table.mouseover(function() { return false; });
+
+      var thead  = $('<thead></thead>'),
+          tbody  = $('<tbody></tbody>'),
+          titles = null;
+
+      // .. <THEAD>
+      (function() {
+        titles = data.config.columnTitles;
+
+        var row = $('<tr></tr>');
+
+        for (var i = 0; i < titles.length; i++) {
+          var title = titles[i];
+
+          var col = $('<th></th>')
+            .append(title)
+            .attr('title', title);
+          row.append(col);
+
+          var col_class;
+
+          // Determine column result order.
+          if (!data.settings.reverseSortDir) {
+            if (order == 'asc' || !order) {
+              col_class = 'sort_asc';
+              col.order = 'desc';
+            }
+            else {
+              col_class = 'sort_desc';
+              col.order = 'asc';
+            }
+          }
+          else {
+            if (order == 'desc' || !order) {
+              col_class = 'sort_asc';
+              col.order = 'asc';
+            }
+            else {
+              col_class = 'sort_desc';
+              col.order = 'desc';
+            }
+          }
+
+          // Highlight selected column.
+          if (num == i) {
+            col.addClass(col_class);
+          }
+
+          // Attach sorting event to each column.
+          col.on('click', {
+            col_number: i,
+            sort_order: (num == i) ? col.order : 'asc'
+          },
+          function(event) {
+            $this.TidyTable('_sortByColumn', event.data.col_number, event.data.sort_order);
+          });
+        }
+
+        thead.append(row);
+      })();
+
+      // .. <TBODY>
+      (function() {
+        var vals = data.config.columnValues;
+
+        for (var j = 0; j < vals.length; j++) {
+          var row = $('<tr></tr>');
+
+          for (var k = 0; k < vals[j].length; k++) {
+            var val = vals[j][k];
+
+            var col = $('<td></td>')
+              .append(val)
+              .attr('title', val);
+            row.append(col);
+
+            // Post-process table column HTML object.
+            if (data.config.postProcess && $.isFunction(data.config.postProcess.column)) {
+              data.config.postProcess.column(col);
+            }
+          }
+
+          tbody.append(row);
+        }
+
+        table.append(thead);
+        table.append(tbody);
+
+        // Append check boxes to beginning each row.
+        if (data.settings && data.settings.enableCheckbox) {
+          var rows = table.find('tr');
+
+          rows.each(function(index) {
+            var input = $('<input></input>')
+              .attr('type', 'checkbox');
+
+            var col;
+
+            // First row is always the header.
+            if (index === 0) {
+              col = $('<th></th>');
+
+              // Attach event to check all boxes.
+              input.on('click', function() {
+                $this.TidyTable('_toggleSelRows', rows);
+              });
+            }
+            else {
+              col = $('<td></td>');
+
+              // Attach event to each checkbox.
+              input.on('click', {
+                box_number: index
+              },
+              function(event) {
+                $this.TidyTable('_toggleSelRows', rows, event.data.box_number);
+              });
+            }
+
+            col.append(input);
+
+            // Insert before first cell.
+            $(this).prepend(col);
+          });
+        }
+      })();
+
+      // Post-process table results HTML object.
+      if (data.config.postProcess && $.isFunction(data.config.postProcess.table)) {
+        data.config.postProcess.table(table);
+      }
+
+      var block = $this.children('table.tidy_table');
+
+      // If table exists, perform an in-place update of the element.
+      if (block[0]) {
+        block.replaceWith(table);
+      }
+
+      // Generate table/menu elements.
+      else {
+        if (data.settings && data.settings.enableMenu) {
+          $this.append(
+            $this.TidyTable('_createMenu', 'options')
+          );
+        }
+
+        $this.append(table);
+      }
+
+      return table;
+    },
+
+    /**
+     * Create HTML select menu element
+     *
+     * @memberof TidyTable
+     * @method _createMenu
+     * @private
+     *
+     * @param {String} name
+     *
+     * @returns {Object} jQuery object
+     */
+    "_createMenu": function(name) {
+      var $this = $(this),
+          data  = $this.data();
+
+      // Create reusable elements.
+      var select = $('<select></select>')
+        .addClass('tidy_table ' + name)
+        .change(function() {
+          var elm = $(this);
+
+          var callback = data.config.menuOptions[ elm.val() ][1]['callback'];
+
+          // Callback event
+          if ( $.isFunction(callback) ) {
+            callback( $this.TidyTable('_getCheckedAsObj') );
+          }
+
+          elm.val(0);
+        });
+
+      // .. Options
+      $.each(data.config.menuOptions, function(index) {
+        var option = $('<option>' + data.config.menuOptions[index][0] + '</option>')
+          .attr('value', index);
+
+        select.append(option);
+      });
+
+      // Post-process select menu HTML object.
+      if (data.config.postProcess && $.isFunction(data.config.postProcess.menu)) {
+        data.config.postProcess.menu(select);
+      }
+
+      return select;
+    },
+
+    /**
+     * Return selected row values as an array.
+     *
+     * @memberof TidyTable
+     * @method _getCheckedAsObj
+     * @private
+     *
+     * @returns {Array}
+     */
+    "_getCheckedAsObj": function() {
+      var $this = $(this),
+          rows  = $this.find('tbody > tr'),
+          objs  = [];
+
+      for (var i = 0; i < rows.length; i++) {
+        var cols = rows[i].childNodes;
+
+        // If the row checkbox is selected.
+        if (cols[0].firstChild.checked) {
+          var row = [];
+
+          // Simulate an associative array.
+          for (var j = 1; j < cols.length; j++) {
+            row[j - 1] = cols[j].textContent;
+          }
+
+          objs.push(row);
+        }
+      }
+
+      return objs;
+    },
+
+    /**
+     * Select/Deselect (input checkbox and row highlight).
+     *
+     * @memberof TidyTable
+     * @method _toggleSelRows
+     * @private
+     *
+     * @param {Object} rows jQuery object
+     * @param {Number} num
+     */
+    "_toggleSelRows": function(rows, num) {
+      var checked = null;
+
+      rows.each(function(index) {
+        var row   = $(this),
+            input = row.find(':checkbox').first();
+
+        // Update all rows.
+        if (!num) {
+          if (index === 0) {
+            checked = (input.is(':checked')) ? true : false;
+            return;
+          }
+
+          if (checked) {
+            row.removeClass('check_off').addClass('check_on');
+            input.prop('checked', true);
+          }
+          else {
+            row.removeClass('check_on').addClass('check_off');
+            input.prop('checked', false);
+          }
+        }
+
+        // Update selected row.
+        else {
+          if (index === 0) {
+            return;
+          }
+
+          if (input.is(':checked')) {
+            row.removeClass('check_off').addClass('check_on');
+            input.prop('checked', true);
+          }
+          else {
+            row.removeClass('check_on').addClass('check_off');
+            input.prop('checked', false);
+          }
+        }
+      });
+    },
+
+    /**
+     * Display results ordered by selected column.
+     *
+     * @memberof TidyTable
+     * @method _sortByColumn
+     * @private
+     *
+     * @param {Number} num
+     * @param {Number} order
+     */
+    "_sortByColumn": function(num, order) {
+      var $this = $(this),
+          data  = $this.data();
+
+      if ( $.isFunction(data.config.sortByPattern) ) {
+        var reverse = (order == 'desc') ? -1 : 1;
+
+        // Sort JSON object by bucket number.
+        data.config.columnValues.sort(function(a, b) {
+          var str1 = data.config.sortByPattern(num, a[num]),
+              str2 = data.config.sortByPattern(num, b[num]);
+
+          if (isNaN(str1)) {
+            return [reverse * cmpAny(str1, str2)] >
+                   [reverse * cmpAny(str2, str1)] ? -1 : 1;
+          }
+          else {
+            return [reverse * cmpInt(str1, str2)];
+          }
+        });
+      }
+
+      $this.TidyTable('_createTable', num, order);
+    }
+  };
+
+  $.fn.TidyTable = function(method) {
+    if (methods[method]) {
+      return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
+    }
+    else
+    if (typeof method === 'object' || !method) {
+      return methods.init.apply(this, arguments);
+    }
+    else {
+      $.error('Method ' +  method + ' does not exist in jQuery.TidyTable');
+    }
+  };
+
+  /**
+   * Generic string comparison functions.
+   *
+   * @protected
+   *
+   * @param {String} a
+   * @param {String} b
+   *
+   * @returns {Number}
+   */
+  function cmpAny(a, b) {
+    return (a > b) ? 1 : (a < b) ? -1 : 0;
+  }
+
+  function cmpInt(a, b) {
+    return b - a;
+  }
 })(jQuery);

data/vendor/assets/stylesheets/tidy-table.css

@@ -1,8 +1,9 @@
 /**
  *  Tidy Table
- *  Generate a sortable HTML table from JSON
+ *  Create a HTML table from JSON that can be sorted, selected
+ *  and post-processed using a simple callback.
  *
- *  Copyright 2012-2015, Marc S. Brooks (http://mbrooks.info)
+ *  Copyright 2012-2015, Marc S. Brooks (https://mbrooks.info)
  *  Licensed under the MIT license:
  *  http://www.opensource.org/licenses/mit-license.php
  *
@@ -11,129 +12,130 @@
  */
 
 table.tidy_table {
-	background-color: #FFFFFF;
-	border-collapse: collapse;
-	border: 1px solid #CCCCCC;
-	cursor: pointer;
-	white-space: nowrap;
+  background-color: #FFFFFF;
+  border-collapse: collapse;
+  border: 1px solid #CCCCCC;
+  cursor: pointer;
+  white-space: nowrap;
 }
 
-table.tidy_table thead {
-	border: none;
+.tidy_table thead {
+  border: none;
 }
 
-table.tidy_table tr.check_on {
-	background-color: #F5F5F5;
+.tidy_table .check_on {
+  background-color: #F5F5F5;
 }
 
-table.tidy_table tr.check_off {
-	background-color: #FFFFFF;
+.tidy_table .check_off {
+  background-color: #FFFFFF;
 }
 
-table.tidy_table th {
-	background-color: #DDDDDD;
+.tidy_table th {
+  background-color: #DDDDDD;
 }
 
-table.tidy_table th.sort_asc {
-	background: #EEEEEE url( images/arrow_asc.gif ) no-repeat right center;
+.tidy_table .sort_asc {
+  background: #EEEEEE url( images/arrow_asc.gif ) no-repeat right center;
 }
 
-table.tidy_table th.sort_desc {
-	background: #EEEEEE url( images/arrow_desc.gif ) no-repeat right center;
+.tidy_table .sort_desc {
+  background: #EEEEEE url( images/arrow_desc.gif ) no-repeat right center;
 }
 
-table.tidy_table th,
-table.tidy_table td {
-	padding: 6px 20px 6px 20px;
+.tidy_table th,
+.tidy_table td {
+  padding: 6px 20px;
 }
 
-table.tidy_table td {
-	border-right: 1px solid #EEEEEE;
-	border-top: 1px solid #CCCCCC;
-	padding: 7px 20px 7px 20px;
+.tidy_table td {
+  border-right: 1px solid #EEEEEE;
+  border-top: 1px solid #CCCCCC;
+  padding: 7px 20px;
 }
 
-table.tidy_table th:nth-child(1),
-table.tidy_table td:nth-child(1) {
-	width: 10px;
+.tidy_table th:nth-child(1),
+.tidy_table td:nth-child(1) {
+  width: 10px;
 }
 
-table.tidy_table td:nth-child(1) {
-	border-right: 1px solid #EEEEEE;
+.tidy_table td:nth-child(1) {
+  border-right: 1px solid #EEEEEE;
 }
 
-table.tidy_table input[type=checkbox],
-table.tidy_table input[type=checkbox] {
-	display: block;
-	margin: 0px auto 0px auto;
+.tidy_table input[type=checkbox],
+.tidy_table input[type=checkbox] {
+  display: block;
+  margin: 0px auto;
 }
 
-table.tidy_table td:nth-last-child(1) {
-	border-right: none;
+.tidy_table td:nth-last-child(1) {
+  border-right: none;
 }
 
-table.tidy_table td span.label {
-	display: none;
+.tidy_table td .label {
+  display: none;
 }
 
-/* responsive (mobile devices) */
-
+/**
+ * Responsive (mobile devices)
+ */
 @media only screen and (min-device-width: 0px) and (max-device-width: 768px) {
-	.tidy_table.media {
-		margin: 0px !important;
-		width: auto !important;
-		overflow: none;
-	}
-
-	.tidy_table.media select {
-		position: relative;
-		right: 30px;
-	}
-
-	.tidy_table.media table {
-		border: 0px;
-		border-top: 1px solid #DDDDDD;
-		width: 100%;
-	}	
-
-	.tidy_table.media table tr {
-		border-bottom: 1px solid #CCCCCC;
-		position: relative;
-	}
-
-	.tidy_table.media table tbody tr:last-child {
-		border: none;
-	}
-
-	.tidy_table.media table th,
-	.tidy_table.media table td {
-		box-sizing: border-box;
-		border: 0px;
-		clear: both;
-		float: left;
-		padding-left: 10px;
-	}
-
-	.tidy_table.media table th:first-child,
-	.tidy_table.media table td:first-child {
-		background-color: transparent;
-		padding: 10px;
-		position: absolute;
-		right: 0px;
-		top: 2px;
-		width: auto;
-	}
-
-	.tidy_table.media table th {
-		text-align: left;
-		width: 100%;
-	}
-
-	.tidy_table.media table th:first-child {
-		top: -40px;
-	}
-
-	.tidy_table.media table td {
-		background-color: transparent;
-	}
+  .tidy_media {
+    margin: 0px !important;
+    width: auto !important;
+    overflow: none;
+  }
+
+  .tidy_media select {
+    position: relative;
+    right: 30px;
+  }
+
+  .tidy_media table {
+    border: 0px;
+    border-top: 1px solid #DDDDDD;
+    width: 100%;
+  }
+
+  .tidy_media table tr {
+    border-bottom: 1px solid #CCCCCC;
+    position: relative;
+  }
+
+  .tidy_media table tbody tr:last-child {
+    border: none;
+  }
+
+  .tidy_media table th,
+  .tidy_media table td {
+    box-sizing: border-box;
+    border: 0px;
+    clear: both;
+    float: left;
+    padding-left: 10px;
+  }
+
+  .tidy_media table th:first-child,
+  .tidy_media table td:first-child {
+    background-color: transparent;
+    padding: 10px;
+    position: absolute;
+    right: 0px;
+    top: 2px;
+    width: auto;
+  }
+
+  .tidy_media table th {
+    text-align: left;
+    width: 100%;
+  }
+
+  .tidy_media table th:first-child {
+    top: -40px;
+  }
+
+  .tidy_media table td {
+    background-color: transparent;
+  }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: tidy-table-rails
 version: !ruby/object:Gem::Version
-  version: 2.1.0
+  version: 2.2.2
 platform: ruby
 authors:
 - dbackowski
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-24 00:00:00.000000000 Z
+date: 2015-09-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jquery-rails