Merge pull request #153 from metagenomics/feature/improve-table

Feature improve table
metagenomics · Nov 18, 2015 · 2c2cc70 · 2c2cc70
2 parents 45c1efe + 760460d
commit 2c2cc70
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 1 deletion.
diff --git a/scripts/web/app/templates/css/style.css b/scripts/web/app/templates/css/style.css
@@ -47,4 +47,28 @@ footer {
         table-layout: fixed;
         float:none;
     }
+}
+
+tbody {
+    font-size: 14px;
+}
+
+th {
+    min-width: 150px !important;
+    max-width: 150px;
+    word-wrap: break-word;
+}
+
+.fixed-table-container thead th .th-inner {
+    white-space: normal;
+}
+
+
+.title-col {
+    min-width: 500px;
+}
+
+.seq-col {
+    max-width: 2000px;
+    word-wrap: break-word;
 }
diff --git a/scripts/web/app/templates/js/buildTable.js b/scripts/web/app/templates/js/buildTable.js
@@ -91,8 +91,12 @@ d3.tsv("overview_new.txt", function (error, data) {
             function (val) {
                 if(val=="Best blastp hit"){
                     return "<th data-filter-control='input' data-formatter='linkFormatter' data-field='" + val + "' data-sortable='true' >" + val + "</th>";
+                } else if(val=="Subject titles") {
+                    return "<th data-filter-control='input' class='title-col' data-field='" + val + "' data-sortable='true' >" + val + "</th>";
+                } else if(val=="Gene sequence"){
+                    return "<th data-filter-control='input' class='seq-col' data-field='" + val + "' data-sortable='true' >" + val + "</th>";
                 } else {
-                    return "<th data-filter-control='input' data-field='" + val + "' data-sortable='true' >" + val + "</th>";
+                    return "<th data-filter-control='input' data-align='center' data-field='" + val + "' data-sortable='true' >" + val + "</th>";
                 }
             }), transformedData =  aggregateData(data),
             xAxis = ['x', '0-10', '10-20', '20-30', '30-40', '40-50', '50-60', '60-70', '70-80', '80-90', '90-100'];