title: Unable to access nested fields in react-bootstrap-table
body: <p>The Mongo database could return an array with nested data. I'd like to display the data contained in:
  {applications: {data: {description: 'My description}}}</p>
  
  <p>But it doesn't work at all. Do you have an idea about how to do, I found nothing in doc nor in SO.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const Applications = (props) =&gt; (
    &lt;div className="applications"&gt;
      {props.applications.length === 0 ?
        &lt;div&gt;Aucune candidature&lt;/div&gt;
        : &lt;BootstrapTable data={props.applications} striped={true} hover={true}&gt;
          &lt;TableHeaderColumn dataField="_id" isKey={true} dataAlign="center" dataSort={true}&gt;Title&lt;/TableHeaderColumn&gt;
          &lt;TableHeaderColumn dataField="status"&gt;Candidat&lt;/TableHeaderColumn&gt;
          &lt;TableHeaderColumn dataField="data.description" dataSort={true}&gt;description&lt;/TableHeaderColumn&gt;
        &lt;/BootstrapTable&gt;
      }
    &lt;/div&gt;
  )</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thank you for help ;)</p>