#82 Initial implementation of the DataTable component

forked Document List into a separate generic DataTable component, work
in progress

ng2-components/ng2-alfresco-datatable/src/components/datatable.component.css

@@ -0,0 +1,65 @@
+:host .full-width { width: 100%; }
+
+:host .folder-thumbnail {
+    font-size: 48px;
+    cursor: pointer;
+}
+
+:host .document-thumbnail {
+    width: 48px;
+    height: 48px;
+    cursor: pointer;
+}
+
+:host .column-header {
+    cursor: pointer;
+    user-select: none;
+    -webkit-user-select: none;   /* Chrome/Safari/Opera */
+    -moz-user-select: none;      /* Firefox */
+    -ms-user-select: none;       /* IE/Edge */
+    -webkit-touch-callout: none; /* iOS Safari */
+}
+
+:host .parent-folder-link { cursor: pointer; }
+:host .parent-folder-link > td { text-align: left; }
+
+:host .folder-row-cell,
+:host .document-row-cell {
+    cursor: pointer;
+}
+
+:host .folder-row-cell.name-column,
+:host .document-row-cell.name-column {
+    font-size: 15px;
+}
+
+:host .folder-row-cell.name-column:hover,
+:host .document-row-cell.name-column:hover {
+    cursor: pointer;
+}
+
+/* breadcrumb */
+
+:host .breadcrumb {
+    text-align: left;
+    padding: 8px 15px;
+    list-style: none;
+    background-color: #f5f5f5;
+    border-radius: 4px;
+    margin: 0 0 4px;
+}
+
+:host .breadcrumb > li {
+    display: inline-block;
+    box-sizing: border-box;
+}
+
+:host .breadcrumb > li+li:before {
+    content: "/\00a0";
+    padding: 0 0 0 5px;
+    color: #ccc;
+}
+
+:host .breadcrumb > .active {
+    color: #777;
+}