fix bug with child renderer

Author: drklrd

.gitignore

@@ -20,3 +20,5 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 test
+
+.idea

src/App.js

@@ -4,6 +4,8 @@ import './App.css';
 import Header from './components/Header';
 import AceEditor from './components/Aceeditor';
 import Tabulator from './libs/Tabulator';
+import 'brace/mode/java';
+import 'brace/theme/monokai';
 
 class App extends Component {
         constructor(){

src/libs/Tabulator.js

@@ -22,10 +22,10 @@ export default class Tabulator extends  Component {
     }
 
     renderChildTable(obj,elementpath){
-
         if(!Array.isArray(obj)){
             obj = [obj];
         }
+
         let objKeys =  typeof obj[0] === "object" ?  Object.keys(obj[0]) : [];
         let tableElement;
         if(objKeys && objKeys.length){
@@ -79,6 +79,7 @@ export default class Tabulator extends  Component {
                                     return(
                                         <tr key={index}>
                                             <td>
+                                                { element && typeof element === 'object' && this.renderChildTable(element,elementpath + `-${index}`) }
                                                 { element && typeof element !== 'object' && <input type="text"  defaultValue={element} onKeyPress={(e)=>{this._handleKeyPress(elementpath,e,index)}} className="table-input form-control"></input> }
                                             </td>
                                         </tr>