From ebcd486b0528713e235bcfff98ceeb60b77ed57d Mon Sep 17 00:00:00 2001
From: Zach <zackify@gmail.com>
Date: Thu, 24 Sep 2015 12:26:42 -0700
Subject: [PATCH] fixed heading when hiding elements

---
 package.json |  2 +-
 src/head.jsx | 15 ++++++++++-----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 9545103..28da4a0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-legit-table",
-  "version": "0.4.1",
+  "version": "0.4.2",
   "description": "the simplest table component out there",
   "main": "lib/table.js",
   "scripts": {
diff --git a/src/head.jsx b/src/head.jsx
index 9f7025c..37f6e51 100644
--- a/src/head.jsx
+++ b/src/head.jsx
@@ -13,11 +13,16 @@ export default class Head extends React.Component{
   }
 
   headings() {
-    return Object.keys(this.props.row).map((name) => {
-      if(this.props.hide){
-        let result = this.props.hide.map(ignore => ignore === name)
-        if(result) return true
-      }
+    let row = Object.assign({}, this.props.row)
+    if (this.props.hide) {
+      this.props.hide.map(ignore => {
+        Object.keys(this.props.row).map(key => {
+          if(key === ignore) delete row[key]
+        })
+      })
+    }
+
+    return Object.keys(row).map((name) => {
       return <th key={uniqueId(name)}>{this.props.capitalize ? this.titleize(name) : name}</th>;
     });
   }