data table values adaptaton I

Author: mtraina

app/assets/javascripts/dictionary/ResultTable.jsx

@@ -6,28 +6,22 @@ export default class ResultTable extends React.Component {
   constructor(props){
       super(props);
       this.state = {
-        rows : [{"id":1,"first_name":"William","last_name":"Elliott","email":"[email protected]",
-             "country":"Argentina","ip_address":"247.180.226.89"},
-              {"id":2,"first_name":"Carl","last_name":"Ross","email":"[email protected]",
-             "country":"South Africa","ip_address":"27.146.70.36"},
-              {"id":3,"first_name":"Jeremy","last_name":"Scott","email":"[email protected]",
-             "country":"Colombia","ip_address":"103.52.74.225"}]
+        rows : [{"text":"weather","translations":["Wetter", "Another"]}]
       };
   }
 
   render() {
-      return <Layout><Table
-        height={40+((this.state.rows.length+1) * 30)}
-        width={1150}
-        rowsCount={this.state.rows.length}
-        rowHeight={30}
-        headerHeight={30}
-        rowGetter={function(rowIndex) {return this.state.rows[rowIndex]; }.bind(this)}>
-        <Column dataKey="id" width={50} label="Id" />
-        <Column dataKey="first_name" width={200} label="First Name" />
-        <Column dataKey="last_name" width={200} label="Last Name" />
-        <Column dataKey="email" width={400} label="e-mail" />
-        <Column dataKey="country" width={300} label="Country" />
-      </Table></Layout>;
+      return <Layout>
+        <Table height={40+((this.state.rows.length+1) * 30)}
+          width={1150}
+          rowsCount={this.state.rows.length}
+          rowHeight={30}
+          headerHeight={30}
+          rowGetter={function(rowIndex) {return this.state.rows[rowIndex]; }.bind(this)}>
+          <Column dataKey="text" width={300} label="Text" />
+          <Column dataKey="translations" width={850} label="Translations"
+            cellRenderer={cellData => cellData.join()}/>
+        </Table>
+      </Layout>;
     }
 }

package.json

@@ -33,12 +33,13 @@
     "bootstrap-sass": "^3.3.7",
     "css-loader": "^0.23.1",
     "extract-text-webpack-plugin": "^1.0.1",
+    "fixed-data-table": "^0.6.3",
     "foundation-sites": "^6.2.3",
     "node-sass": "^3.10.0",
-    "react": "^15.1.0",
-    "react-cookie": "^0.4.7",
-    "react-dom": "^15.1.0",
-    "react-router": "^2.5.1",
+    "react": "^15.3.2",
+    "react-cookie": "^0.4.8",
+    "react-dom": "^15.3.2",
+    "react-router": "^2.8.1",
     "resolve-url-loader": "^1.6.0",
     "sass-loader": "^3.2.3",
     "style-loader": "^0.13.1",