title: How do you add (or replace) the data in Grid.js once it has been rendered?
body: <p>I want to render data to Grid.JS initially and then my page may grab additional data and add additional rows or fill in data that was missing in some of the rows. I'm not sure what the syntax is to write to the Grid.JS once you have rendered it once. My thought is that I have to rerender the entire table which is what I am attempting below but getting an error.</p>
  <p>I tried this:</p>
  <pre><code>    new gridjs.Grid({
        columns: [&quot;Name&quot;, &quot;Email&quot;, &quot;Phone Number&quot;],      
        data: [[&quot;Mark&quot;, &quot;mark@gmail.com&quot;, &quot;(01) 22 888 4444&quot;],[&quot;Eoin&quot;, &quot;eoin@gmail.com&quot;, &quot;0097 22 654 00033&quot;],[&quot;Sarah&quot;, &quot;sarahcdd@gmail.com&quot;, &quot;+322 876 1233&quot;],[&quot;Afshin&quot;, &quot;afshin@mail.com&quot;, &quot;(353) 22 87 8356&quot;]]}).render(document.getElementById(&quot;gridjs&quot;));
  
      new gridjs.Grid({
        columns: [&quot;Test&quot;, &quot;Email&quot;, &quot;Phone Number&quot;],
        data: [[&quot;test&quot;, &quot;test@example.com&quot;, &quot;(353) 01 222 3333&quot;],[&quot;Mark&quot;, &quot;mark@gmail.com&quot;, &quot;(01) 22 888 4444&quot;],[&quot;Eoin&quot;, &quot;eoin@gmail.com&quot;, &quot;0097 22 654 00033&quot;],[&quot;Sarah&quot;, &quot;sarahcdd@gmail.com&quot;, &quot;+322 876 1233&quot;],[&quot;Afshin&quot;, &quot;afshin@mail.com&quot;, &quot;(353) 22 87 8356&quot;]]}).render(document.getElementById(&quot;gridjs&quot;));
  </code></pre>
  <p>When I attempt this I get the following error in the console:</p>
  <pre><code>[Grid.js] [ERROR]: The container element [object HTMLDivElement] is not empty. Make sure the container is empty and call render() again
  </code></pre>