如何使用数据表更新所有表中的所有单元格

Question

I have multiple datatables in the same page where their class name is 'datatable-responsive'. I want to update the contente of each cell in each table...

$('.datatable-responsive').each( function(i){
  var table = $(this).dataTable();

  table.cell('.normal-1').data(valToSet).draw();
});

When I inspect thru firebug the "tables", I get 3 tables but it's not entering in the loop. How can I do that?

EDIT

Here's the jsFiddle

Answer 1

I think you're trying to target the child element incorrectly. Instead of using table.cell('.normal-1') try using $(table).find('.normal-1');

I substituted this in your fiddle and it's targeting the correct element however I'm still getting an error on the console saying valToSet is not defined which I think might be a different issue. Hope that helps!

Edit

Also... the reason why your loop isn't completing is because of the valToSet not defined error is stopping the loop. Comment this line out and you will see your tables in the console.

Answer 2

You need to invalidate() the cell in order to update the internal preprocessed sorting for the column :

var table = $(this).DataTable();
table.cell(selector).data(randomNewVal).invalidate().draw();

updated fiddle -> https://jsfiddle.net/fnj0eb4m/11/