#227 improved styling support for columns

- support for custom css class for entire column (th + td) including
cell values
- demo for responsive columns behaviour

demo-shell-ng2/app/components/files/files.component.css

@@ -0,0 +1,17 @@
+/* small desktop */
+@media all and (max-width: 1200px) {}
+
+/* tablet */
+@media all and (max-width: 1024px) {}
+
+    /* mobile phone */
+@media all and (max-width: 768px) {
+
+    alfresco-document-list >>> th.desktop-only .cell-value {
+        display: none;
+    }
+
+    alfresco-document-list >>> td.desktop-only .cell-value {
+        display: none;
+    }
+}

demo-shell-ng2/app/components/files/files.component.html

@@ -31,13 +31,15 @@
             -->
             <content-column
                     title="{{'DOCUMENT_LIST.COLUMNS.CREATED_BY' | translate}}"
-                    source="createdByUser.displayName">
+                    source="createdByUser.displayName"
+                    class="desktop-only">
             </content-column>
             <content-column
                     title="{{'DOCUMENT_LIST.COLUMNS.CREATED_ON' | translate}}"
                     source="createdAt"
                     type="date"
-                    format="medium">
+                    format="medium"
+                    class="desktop-only">
             </content-column>
         </content-columns>
 

demo-shell-ng2/app/components/files/files.component.ts

@@ -36,6 +36,7 @@ declare let __moduleName: string;
     moduleId: __moduleName,
     selector: 'files-component',
     templateUrl: './files.component.html',
+    styleUrls: ['./files.component.css'],
     directives: [
         DOCUMENT_LIST_DIRECTIVES,
         MDL,