Angular2 + PrimeNG - How to reset dataTable when the underlying data changes?
<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>