Allow for accessing nested object data. (#619)

* Access nested data with dot notation in name

* Adding more unique data and resetting entrypoint

* Added a check to see if attribute is valid when transforming data

Author: GrandVizierOlaf

examples/data-as-objects/index.js

@@ -43,19 +43,27 @@ class Example extends React.Component {
           filter: true,
           sort: false
         }
-      }      
+      },
+      {
+        name: "phone.home",
+        label: "Home Phone",
+      },
+      {
+        name: "phone.fake",
+        label: "Not a Phone #",
+      },
+      {
+        name: "phone2.home",
+        label: "Not An Attribute",
+      }
     ];
 
 
     const data = [
-      { name: "Gabby George", title: "Business Analyst", location: "Minneapolis", age: 30, salary: "$100,000" },
-      { name: "Aiden Lloyd", title: "Business Consultant", location: "Dallas",  age: 55, salary: "$200,000" },
-      { name: "Jaden Collins", title: "Attorney", location: "Santa Ana", age: 27, salary: "$500,000" },
-      { name: "Franky Rees", title: "Business Analyst", location: "St. Petersburg", age: 22, salary: "$50,000" }
-      // ["Aaren Rose", "Business Consultant", "Toledo", 28, "$75,000"],
-      // ["Blake Duncan", "Business Management Analyst", "San Diego", 65, "$94,000"],
-      // ["Frankie Parry", "Agency Legal Counsel", "Jacksonville", 71, "$210,000"],
-      // ["Lane Wilson", "Commercial Specialist", "Omaha", 19, "$65,000"]
+      { name: "Gabby George", title: "Business Analyst", location: "Minneapolis", age: 30, salary: "$100,000", phone: { home: '867-5309', cell: '123-4567' } },
+      { name: "Aiden Lloyd", title: "Business Consultant", location: "Dallas",  age: 55, salary: "$200,000", phone: { home: '867-5310', cell: '123-4568' } },
+      { name: "Jaden Collins", title: "Attorney", location: "Santa Ana", age: 27, salary: "$500,000", phone: { home: '867-5311', cell: '123-4569' } },
+      { name: "Franky Rees", title: "Business Analyst", location: "St. Petersburg", age: 22, salary: "$50,000", phone: { home: '867-5312', cell: '123-4569' } }
     ];
 
     const options = {

package-lock.json

@@ -386,6 +386,8 @@ class MUIDataTable extends React.Component {
   };
 
   transformData = (columns, data) => {
+    const leaf = (obj, path) => (path.split('.').reduce((value, el) => value ? value[el] : undefined, obj));
+
     return Array.isArray(data[0])
       ? data.map(row => {
           let i = -1;
@@ -395,7 +397,7 @@ class MUIDataTable extends React.Component {
             return col.empty ? undefined : row[i];
           });
         })
-      : data.map(row => columns.map(col => row[col.name]));
+      : data.map(row => columns.map(col => leaf(row, col.name)));
   };
 
   setTableData(props, status, callback = () => {}) {