Adding rows dynamically doesn't work.

[jonagh]

I try to add a new row of data dynamically and it doesn't reflect into the data table html.

Using the basic example code (fruit/color table),

I try to do something like...
myDataTable.data.push({ fruit: 'banana', color: 'yellow' })
which doesn't work, but I kind of expected that since simple observers don't trigger for sub elements,
but I thought something like this should work...
myDataTable.push('data', { fruit: 'banana', color: 'yellow' })
however it doesn't work either.

So, how can I add (or remove) rows dynamically?

Note that assigning an entirely new array to the data property does work, but that seems cumbersome and inefficient.

Thanks.