From 7e79d39f8d4f6b6d88f474755f385af4f1c4e870 Mon Sep 17 00:00:00 2001
From: Friedrich Lindenberg <friedrich@pudo.org>
Date: Tue, 14 Feb 2012 16:30:04 +0100
Subject: [PATCH] Styling for show/hide columns

---
 css/data-explorer.css | 6 +++---
 src/util.js           | 2 +-
 src/view.js           | 5 +++--
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/css/data-explorer.css b/css/data-explorer.css
index 7ed4e66a..77aacfd6 100644
--- a/css/data-explorer.css
+++ b/css/data-explorer.css
@@ -515,12 +515,12 @@ td.expression-preview-value {
   * Read-only mode
   *********************************************************/
 
-/*.read-only .data-table tr td:first-child,
-.read-only .data-table tr th:first-child
+.read-only .no-hidden .data-table tr td:first-child,
+.read-only .no-hidden .data-table tr th:first-child
 {
   display: none;
 }
-*/
+
 
 .read-only .write-op,
 .read-only a.data-table-cell-edit
diff --git a/src/util.js b/src/util.js
index d93953b1..35332195 100644
--- a/src/util.js
+++ b/src/util.js
@@ -11,7 +11,7 @@ var util = function() {
     , rowActions: '<li><a data-action="deleteRow" class="menuAction write-op" href="JavaScript:void(0);">Delete this row</a></li>'
     , rootActions: ' \
         {{#columns}} \
-        <li><a data-action="showColumn" data-column="{{.}}" class="menuAction" href="JavaScript:void(0);">Add column: {{.}}</a></li> \
+        <li><a data-action="showColumn" data-column="{{.}}" class="menuAction" href="JavaScript:void(0);">Show column: {{.}}</a></li> \
         {{/columns}}'
     , cellEditor: ' \
       <div class="menu-container data-table-cell-editor"> \
diff --git a/src/view.js b/src/view.js
index 7f0acc51..bb900938 100644
--- a/src/view.js
+++ b/src/view.js
@@ -128,7 +128,8 @@ my.DataExplorer = Backbone.View.extend({
     // Hash of 'page' views (i.e. those for whole page) keyed by page name
     this.pageViews = {
       grid: new my.DataTable({
-          model: this.model
+          model: this.model,
+          config: this.config
         })
       , graph: new my.FlotGraph({
           model: this.model
@@ -424,7 +425,7 @@ my.DataTable = Backbone.View.extend({
         });
       newView.render();
     });
-    $(".root-header-menu").toggle((self.hiddenHeaders.length > 0));
+    this.el.toggleClass('no-hidden', (self.hiddenHeaders.length == 0));
     return this;
   }
 });