Dynamic columns from knockout observable array not working

Dorn

I have some dynamic columns which are coming from a dynamic Knockout observableArray.

The object definition is:

// dynamically-generated list of all the valid permission names
var allPermissions = ["Superuser","Client","User"];

ViewModel = function() {
var self = this;
self.members = ko.observableArray([]); // array of Member objects to populate datatable
}

Member = function() {
var self = this;
self.name = ko.observable();
self.email = ko.observable();
self.permissions = ko.observableArray([]); // array of Permission objects
}

Permission = function() {
var self = this;
self.name = ko.observable();
self.isChecked = ko.observable();
}

The data is generated and then the DataTable is initialised:

//set up the basic columns for the member
var columns = [
{ data: 'name()', title: "Name" },
{ data: 'email()', title: "Email" }
];

for(var i=0; i< allPermissions.length; i++)
{
columns.push({ data: 'permissions()' + i + '.isChecked()', title: allPermissions[i]});
}

var dt = $('#my-table').DataTable({
columns: columns
});

If I comment-out the dynamic columns, it works fine, but when I include it, I get an error being thrown from the datatable js at line 1209 because a[i] is "permissions()[0]" and it can't resolve this as a property of data.

else if ( funcNotation )
{
// Function call
a[i] = a[i].replace(__reFn, '');
data = data a[i] ;
continue;
}

How would I go about achieving this?

So, to summarise, the list of permissions comes from the database. The Member has an entry in self.permissions for each of these, with a flag of isChecked.