Add css class per task type to table columns

src/scripts/js/es6/common/vuecomponents/table/columns/ColumnBase.js

@@ -45,15 +45,24 @@ export class ColumnBase {
         return '';
     }
 
+    /**
+     * Object with css classes to use on the column
+     * @returns {Object} Object with css classes
+     */
+    getColumnClasses() {
+        // Should be overridden
+        let classes = {}
+        classes[this.columnType] = true;
+        return classes;
+    }
+
     /**
      * Object with css classes to use on the header cell
      * @returns {Object} Object with css classes
      */
     getHeaderCellClasses() {
         // Should be overridden
-        let classes = {}
+        return this.getColumnClasses();
-        classes[this.columnType] = true;
-        return classes;
     }
 
     /**
@@ -64,8 +73,7 @@ export class ColumnBase {
      */
     getCellClasses(rawCellValue, rowObject) {
         // Should be overridden
-        let classes = {}
+        let classes = this.getColumnClasses();
-        classes[this.columnType] = true;
         classes['highlight'] = !!this.isHighLighted;
         return classes;
     }