diff --git a/src/js/classes/FooTable.Cell.js b/src/js/classes/FooTable.Cell.js
index 781a4d09..c1b1c8e8 100644
--- a/src/js/classes/FooTable.Cell.js
+++ b/src/js/classes/FooTable.Cell.js
@@ -106,7 +106,9 @@
this._setClasses(this.$el);
this._setStyle(this.$el);
- this.$detail = $('
').addClass(this.row.classes.join(' '))
+ /* Non-FooTable column classes should be transferred to the details row */
+ trClasses = this.row.classes.concat(this.column.nonFTClasses)
+ this.$detail = $('
').addClass(trClasses.join(' '))
.data('__FooTableCell__', this)
.append($(' | '))
.append($(' | '));
diff --git a/src/js/classes/FooTable.Column.js b/src/js/classes/FooTable.Column.js
index c7063fca..a58f4dd6 100644
--- a/src/js/classes/FooTable.Column.js
+++ b/src/js/classes/FooTable.Column.js
@@ -105,6 +105,11 @@
* @type {Array.}
*/
this.classes = F.is.array(definition.classes) ? definition.classes : (F.is.string(definition.classes) ? definition.classes.match(/\S+/g) : []);
+ /**
+ * The "user" supplied classes on the column. Will be applied to the colunn detail row if applicable
+ * @type {Array.}
+ */
+ this.nonFTClasses = this.$el[0].classList.value.split(' ').filter(function(c) { return c && !c.startsWith('footable') });
// override any default functions ensuring when they are executed "this" within the context of the function points to the instance of this object.
this.parser = F.checkFnValue(this, definition.parser, this.parser);
@@ -169,4 +174,4 @@
F.columns.register('text', F.Column);
-})(jQuery, FooTable);
\ No newline at end of file
+})(jQuery, FooTable);