title: Angular2 + PrimeNG - How to reset dataTable when the underlying data changes?
body: <p>I'm binding an array of <code>Cell</code> objects to a PrimeNG DataTable:</p>
  
  <p>.html:</p>
  
  <pre class="lang-html prettyprint-override"><code>  &lt;p-dataTable [value]="_cells" [responsive]="true" [globalFilter]="gb"&gt;
          &lt;p-column field="id" header="id" sortable="true"&gt;&lt;/p-column&gt;
          &lt;p-column field="name" header="name" sortable="true" &gt;&lt;/p-column&gt;         
      &lt;/p-dataTable&gt;
  </code></pre>
  
  <p>.ts:</p>
  
  <pre class="lang-ts prettyprint-override"><code>ngOnInit() {
          var self = this;
          // Capture the id in the URL
          this._route.params.subscribe(params =&gt; {
              self._stationId= params['id'];
  
              this._dataService
                  .GetAllCells(self._stationId)
                  .subscribe((data:Cell[]) =&gt; this._cells = data,
                      error =&gt; alert(error),
                      () =&gt; console.log('Retrieved cells'));
          });
      }
  </code></pre>
  
  <p>So I found out the dataTable has a <code>reset()</code> method to clear the sorting/filtering/selection state. I need to call it whenever the URL parameter changes and new data is being load.</p>
  
  <p>But how can I reference the dataTable and call the <code>reset()</code> method from inside the <code>ngOnInit()</code> method?</p>