Question

I am using Meteor and the jquery data table library.
I have a table that I am loading meteor/handlebars using something like this:

<table>
{{each x}}
  // code to insert rows of data
{{/each}}
</table>

I need to call this on the table once it has been fully populated with data to turn it into a sortable table:

$('#tableID').dataTable();

It works when I call it from the console once the DOM is fully loaded and the data is in there, but using Template.rendered() doesn’t work, nor does listening for changes with .observe since the data is loaded before that particular view is rendered.

Where can I run this code to ensure that the data is fully loaded, and if there are updates to the data in the table that it will run again?

Answer 1

I found a way of doing it which seems to work after I split the individual rows into templates – will update as I continue to debug it (and this is certainly not ideal).

Template.individualRow.rendered = function() {
  if (!$('#tableID').hasClass('initialized')) {
      $('#tableID').not('.initialized').addClass('initialized').dataTable();
  };
};