Adding new column to dtColumns, does not show up in table

[ottoyiu]

Hello there,

I'm trying to add a new column dynamically, before calling dtInstance.changeData. However, it does not get rendered as a new column in the table.

        $scope.dtColumns = [
            DTColumnBuilder.newColumn('name').withTitle('name')
        ];
        $scope.retrieveNodes = function (kind) {
            return function () {
                var deferred = $q.defer();
                $http.get("blahblahblah").then(
                    function (res) {
                        deferred.resolve(res.data.result);
                    });
                return deferred.promise;
            };
        };
        $scope.changeKind = function (kind, dtInstance) {
            $scope.dtInstance = dtInstance;
            $log.debug(dtInstance.changeData, $scope.dtInstance.changeData);
            if (angular.isDefined($scope.dtInstance.changeData)) {
                $scope.dtColumns = [
                    DTColumnBuilder.newColumn('name').withTitle('name'),
                    DTColumnBuilder.newColumn('newcolumn').withTitle('newcolumn'),
                ];
                $scope.dtInstance.changeData($scope.retrieveNodes(kind));
            }
        };

I get this Javascript error when I try changing data.

TypeError: Cannot read property 'style' of undefined
    at Ha (jquery.dataTables.min.js:60)
    at ia (jquery.dataTables.min.js:47)
    at HTMLTableElement.<anonymous> (jquery.dataTables.min.js:94)
    at Function.m.extend.each (jquery.min.js:2)
    at m.fn.m.each (jquery.min.js:2)
    at m [as dataTable] (jquery.dataTables.min.js:84)
    at h.fn.DataTable (jquery.dataTables.min.js:162)
    at renderDataTable (angular-datatables.js:711)
    at angular-datatables.js:1024
    at angular.js:17855(anonymous function) @ angular.js:12477
jquery.dataTables.min.js:60 Uncaught TypeError: Cannot read property 'style' of undefined

Is there anything I'm doing wrong?

[ottoyiu]

Duplicate bug: #262