dynamic change of table data

[yarl]

If I have data like this:

$scope.tableData = [
                {firstName:"Walter", lastName:"Wurst", age:20},
                {firstName:"Peter", lastName:"Pan", age:21},
                {firstName:"Erwin", lastName:"Erster", age:22},
                {firstName:"Paula", lastName:"Pummel", age:23}
            ];

$scope.tableOptions = {
            data: $scope.tableData
(...)
});

and later want to change data using

$scope.tableData = [
                {firstName:"John", lastName:"Wurst", age:30},
                {firstName:"Anna", lastName:"Pan", age:35}
            ];

the table is not refreshing. Is there a simple way to dynamic change data in table?

[BerndWessels]

@yarl Hi, this is the way ui-table monitors changes:

scope.$watch('uiTableOptions', function (newValue) {
    scope.$watch('uiTableOptions.data', function (newValue) {

So in your case I would recommend that you update the uiTableOptions.data property directly to your new data source.

$scope.tableOptions.data = [
                {firstName:"John", lastName:"Wurst", age:30},
                {firstName:"Anna", lastName:"Pan", age:35}
            ];

Cheers
Bernd