DataTables warning (table id = 'my-data-table'): Requested unknown parameter '0' from the data source for row 0 about angular-datatable

[FerencKun]

Hi jaybe78,

I checked the original example from github and without any change it worked.
Did you tried it to add to your code? 

The most common problem with that is that you forget to rename the module in the datable.
angular.module('angularTableApp')
    .directive('myDataTable', function ($parse) {
angularTableApp is the main module name you use.

If something another thing is what went wrong by you please give me more details about your usage.

Regards,
Ferenc

-- 
Private
Sent with Airmail

On 25 Mar 2014 at 01:22:37, jaybe78 ([email protected]) wrote:

Hello,

I've tried to run your example, but it doesn't work. I always the same issue when displaying the table
DataTables warning (table id = 'my-data-table'): Requested unknown parameter '0' from the data source for row 0.

I've googled around and I found that issue can be caused by several things...

Any ideas?

—
Reply to this email directly or view it on GitHub.

[jaybe78]

Actually, I haven't really run your code... I've included js and css files and into my own project.
I didn't forget to replace 'angularTableApp' by the name of my module name.
I think I should try to run your project first and then include my own js files into it.
I'm gonna investigate and hopefully find the issue

EDIT:
I've managed to run your project with grunt but only on google chrome, it fails on firefox 28.0
"Error: event is not defined
prepareRows@http://localhost:9000/scripts/directives/dataTable.js:388
drawTable@http://localhost:9000/scripts/directives/dataTable.js:458
setWatchOnTheSource/<@http://localhost:9000/scripts/directives/dataTable.js:543
$RootScopeProvider/this.$get</Scope.prototype.$digest@http://localhost:9000/bower_components/angular/angular.js:8097
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://localhost:9000/bower_components/angular/angular.js:8304
done@http://localhost:9000/bower_components/angular/angular.js:9357
completeRequest@http://localhost:9000/bower_components/angular/angular.js:9520
createHttpBackend/</xhr.onreadystatechange@http://localhost:9000/bower_components/angular/angular.js:9491
"

Also I have a question regarding:
id="my-data-table"
id="customHeader"

These ids are hardcoded in your directive but let's say I have several datatable in the same page...
I guess that wouldn't work?

What do you think of the ng-grid?
http://angular-ui.github.io/ng-grid/

[FerencKun]

You're right. In my example I used only one table per page. That's why I used ids instead of classes. But you can use classes aka. more tables per page as well. Just be careful and find all the jQuery selectors I used in the code and use class selectors instead of id selectors.