add thead element around table-head component

AllenSH12 · Feb 8, 2015 · eabdf8f · eabdf8f
1 parent 49f9c7b
commit eabdf8f
Showing 1 changed file with 17 additions and 15 deletions.
diff --git a/src/table-head.js b/src/table-head.js
@@ -9,22 +9,24 @@ var TableHead = React.createClass({
 
   render: function() {
     return (
-      React.createElement('tr', null,
-        React.createElement('th', null,
-          React.createElement('input', {
-            'type': 'checkbox',
-            'aria-label': 'toggle all rows selected',
-            'checked': this.props.checked,
-            'onChange': this.handleChange
+      React.createElement('thead', null,
+        React.createElement('tr', null,
+          React.createElement('th', null,
+            React.createElement('input', {
+              'type': 'checkbox',
+              'aria-label': 'toggle all rows selected',
+              'checked': this.props.checked,
+              'onChange': this.handleChange
+            })
+          ),
+          this.props.fields.map(function(field, i) {
+            return (
+              React.createElement('th', {
+                'key': i
+              }, field)
+            );
           })
-        ),
-        this.props.fields.map(function(field, i) {
-          return (
-            React.createElement('th', {
-              'key': i
-            }, field)
-          );
-        })
+        )
       )
     );
   }