How can I reuse my datatable with multiple datasets and columns that do not match

timcadieux

I'd like to have a single datatable on my page, which i load with the appropriate data when the User hit a button. Essentially the datatable needs to be destroyed and rebuilt on each click.

I've attempted a few things but in most cases the data in my .xhr appears to not be updated but the columns are....

Here's a codepen

https://codepen.io/anon/pen/xLqoBy

bindrid

http://jsbin.com/gumijev/177/edit is a simple example that uses a selectbox to rebuild the table when its changed.