title: State is changing but datatable not showing new data
body: <p>I am working with <strong>material-ui</strong> library and making datatables. For datatable, I am using this library <a href="https://github.com/gregnb/mui-datatables" rel="nofollow noreferrer">mui-datatables</a>. I need to call an API to retrieve data and show in the table. I checked in the console that data is coming but not showing in datatable.</p>
  
  <p>Below is my code:</p>
  
  <pre><code>state = {
      students: [],
      rows: []
  };
  
  componentDidMount() {
      document.title = "List of students";
  
      axios
          .get("api.url")
          .then(res =&gt; {
              this.setState({ students: res.data }, () =&gt; {
                  this.state.students.forEach((value, index) =&gt; {
                      this.state.rows.push({
                          digitalcredid: value.studentid,
                          firstname: value.firstname,
                          lastname: value.lastname,
                          email: value.email,
                          nationality: value.nationality,
                          postaladress: value.postaladress,
                          nic: value.nic
                      });
                  });
              });
          });
  }
  </code></pre>
  
  <p>and showing data like below:</p>
  
  <pre><code>const options = {
       filterType: "checkbox",
       serverSide: true,
       print: false
  };
  
  &lt;div className="row"&gt;
       &lt;div className="col-12"&gt;
            &lt;MUIDataTable
                 title={"Student List"}
                 data={this.state.rows}
                 columns={studentColumns}
                 options={options}
              /&gt;
        &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>It would be great if someone help me out.</p>